.inline-user-quick-edit{margin:10px 0;padding:18px;border:1px solid rgba(0,229,255,.28);border-radius:16px;background:linear-gradient(145deg,#071424fa,#0e1b31f5);box-shadow:inset 0 1px #ffffff08}.quick-edit-grid{display:grid;grid-template-columns:repeat(5,minmax(150px,1fr));gap:12px}.quick-edit-field,.quick-edit-toggle-field{display:flex;flex-direction:column;gap:7px;min-width:0}.quick-edit-field>span,.quick-edit-toggle-field>span,.quick-edit-nodes legend{font-size:12px;font-weight:700;color:#cfe9ff}.quick-edit-field input{width:100%;min-width:0;min-height:44px;padding:9px 11px;border:1px solid rgba(144,202,249,.3);border-radius:10px;background:#030d1ac7;color:#f4fbff;font:inherit}.quick-edit-field input[readonly],.quick-edit-field input:disabled{opacity:.7;cursor:not-allowed}.quick-edit-field small,.quick-edit-toggle-field small,.quick-edit-node small{color:#8ba8bf;font-size:10px;line-height:1.45;overflow-wrap:anywhere}.quick-edit-toggle-field{align-items:flex-start;justify-content:center;min-height:90px;padding:10px 12px;border:1px solid rgba(74,222,128,.22);border-radius:12px;background:#064e3b1f}.quick-edit-active{width:22px;height:22px}.quick-edit-nodes{margin:16px 0 0;padding:12px;border:1px solid rgba(144,202,249,.18);border-radius:12px}.quick-edit-node-list{display:flex;flex-wrap:wrap;gap:8px}.quick-edit-node{display:inline-flex;align-items:center;gap:7px;min-height:44px;padding:8px 11px;border:1px solid rgba(144,202,249,.24);border-radius:10px;background:#05111fcc;cursor:pointer}.quick-edit-node.selected{border-color:#4ade8094;background:#064e3b40}.quick-edit-node.unavailable{opacity:.55;cursor:not-allowed}.quick-edit-node-checkbox{width:20px;height:20px}.quick-edit-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:16px;flex-wrap:wrap}.quick-edit-footer-actions{display:flex;gap:10px;margin-inline-start:auto}.quick-edit-footer .btn{min-height:44px}.quick-edit-reset-usage.selected{border-color:#f59e0b;color:#fbbf24}.quick-edit-error{margin:12px 0 0}tr.user-quick-edit-row>td{padding:0 10px 14px!important;background:#020a1459}@media(max-width:1100px){.quick-edit-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.inline-user-quick-edit{padding:12px;border-radius:12px}.quick-edit-grid{grid-template-columns:minmax(0,1fr)}.quick-edit-footer,.quick-edit-footer-actions{width:100%}.quick-edit-footer-actions{margin-inline-start:0}.quick-edit-footer .btn,.quick-edit-footer-actions .btn{flex:1 1 0;min-width:0}.quick-edit-node{flex:1 1 calc(50% - 8px);min-width:130px}}.mobile-user-quick-edit-panel{display:none}.inline-user-quick-edit{width:100%;max-width:100%;min-width:0;overflow:hidden}.quick-edit-footer .btn{min-height:44px!important}@media(max-width:992px){.desktop-user-quick-edit-row{display:none}.mobile-user-quick-edit-panel{display:block;position:sticky;inset-inline-start:0;width:100%;max-width:100%;padding:0 10px 14px;background:#020a1459}}.status-active{color:#22c55e;font-weight:600;padding:4px 8px;border-radius:4px;background-color:#22c55e1a}.status-inactive{color:#ef4444;font-weight:600;padding:4px 8px;border-radius:4px;background-color:#ef44441a}.usage-green{color:#43a047;font-weight:700}.usage-yellow{color:#fbc02d;font-weight:700}.usage-red{color:#e53935;font-weight:700}.live-user-badge{display:inline-flex;align-items:center;gap:8px;white-space:nowrap;font-weight:700}.live-user-dot{display:inline-block;width:9px;height:9px;min-width:9px;border-radius:50%}.live-user-online{color:#22c55e}.live-user-offline{color:#ef4444}.live-user-dot-online{background-color:#22c55e;box-shadow:0 0 0 3px #22c55e1f,0 0 8px #22c55ebf;animation:ov-online-pulse 1.8s infinite}.live-user-dot-offline{background-color:#ef4444;box-shadow:0 0 0 3px #ef44441a,0 0 6px #ef44448c}.live-connection-count{display:inline-flex;align-items:center;justify-content:center;min-width:58px;padding:4px 9px;border-radius:8px;font-weight:700;background:#94a3b81a;white-space:nowrap}.live-connection-active{color:#22c55e;background:#22c55e1a}.device-limit-help{display:block;margin-top:5px;opacity:.72;font-size:.78rem}@keyframes ov-online-pulse{0%{box-shadow:0 0 #22c55e66,0 0 8px #22c55ebf}70%{box-shadow:0 0 0 7px #22c55e00,0 0 8px #22c55ebf}to{box-shadow:0 0 #22c55e00,0 0 8px #22c55ebf}}@media(max-width:640px){.table-container.pv-mobile-cards-wrap,.table-container:has(table.pv-mobile-cards){overflow-x:visible}table.pv-mobile-cards,table.pv-mobile-cards tbody,table.pv-mobile-cards tr,table.pv-mobile-cards td{display:block;width:100%}table.pv-mobile-cards thead{display:none}table.pv-mobile-cards tr{border:1px solid rgba(148,163,184,.25);border-radius:14px;margin:10px 0;padding:6px 10px;background:#0f172a59}table.pv-mobile-cards td{border:0;padding:6px 4px;text-align:start;min-height:0}table.pv-mobile-cards td:last-child{padding-top:10px}}.pv-live-speed{display:inline-flex;align-items:center;margin-inline-start:8px;padding:2px 8px;border-radius:999px;font-size:11px;font-weight:700;font-variant-numeric:tabular-nums;color:#ffb066;background:#ff8a2a1a;border:1px solid rgba(255,138,42,.28);white-space:nowrap}.pv-speed-cell{white-space:nowrap;width:148px;min-width:148px;max-width:148px}.pv-speed-pair{display:inline-flex;gap:10px;align-items:center;font-variant-numeric:tabular-nums}.pv-speed-down{color:#22d3ee;font-weight:700;font-size:12px;display:inline-block;min-width:62px}.pv-speed-up{color:#ff8a2a;font-weight:700;font-size:12px;display:inline-block;min-width:62px}@media(max-width:640px){.pv-speed-pair{flex-direction:column;gap:2px;align-items:flex-start}}table.pv-users-table td,table.pv-users-table th{white-space:nowrap}table.pv-users-table .pv-speed-cell{width:150px;min-width:150px}table.pv-users-table .pv-speed-down,table.pv-users-table .pv-speed-up{display:inline-block;min-width:64px;font-variant-numeric:tabular-nums}.domain-history-overlay .domain-history-modal{width:min(1100px,calc(100vw - 32px))!important;max-width:1100px!important}.domain-history-modal .modal-header{align-items:flex-start;gap:18px}.domain-history-modal .modal-header h3{margin:0 0 7px}.domain-history-subtitle{margin:0;color:var(--text-secondary, #94a7c2);font-size:.9rem;line-height:1.55}.domain-history-body{padding:22px 28px}.domain-history-controls{display:grid;grid-template-columns:minmax(260px,1fr) minmax(170px,220px);align-items:end;gap:16px}.domain-history-search{display:flex;align-items:center;gap:10px;min-height:44px;padding-inline:14px;border:1px solid var(--border-color, #263b55);border-radius:12px;background:#050f1cb8}.domain-history-search:focus-within{border-color:#25d6f4;box-shadow:0 0 0 3px #25d6f41a}.domain-history-search input{width:100%;min-height:40px;padding:0!important;border:0!important;outline:0;color:inherit;background:transparent!important;box-shadow:none!important}.domain-history-period{display:grid;gap:7px;font-size:.82rem;color:var(--text-secondary, #94a7c2)}.domain-history-period select{min-height:44px}.domain-history-summary{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0 10px}.domain-history-summary span{padding:7px 11px;border:1px solid rgba(37,214,244,.18);border-radius:999px;color:#b8c7db;background:#25d6f412}.domain-history-summary strong{color:#25d6f4}.domain-history-note{margin-bottom:16px;padding:11px 13px;border:1px solid rgba(245,158,11,.24);border-radius:11px;color:#e7c98f;background:#f59e0b12;font-size:.84rem;line-height:1.5}.domain-history-loading,.domain-history-empty,.domain-history-error{min-height:170px;display:flex;align-items:center;justify-content:center;gap:12px;border:1px dashed var(--border-color, #263b55);border-radius:14px;color:var(--text-secondary, #94a7c2)}.domain-history-error{flex-direction:column;color:#ff8295;border-color:#ff5f7859;background:#ff5f7812}.domain-history-table-wrap{max-height:min(48vh,520px);overflow:auto;border:1px solid var(--border-color, #263b55);border-radius:14px}.domain-history-table{width:100%;min-width:820px;border-collapse:collapse}.domain-history-table th{position:sticky;top:0;z-index:1;background:#13233a}.domain-history-table th,.domain-history-table td{padding:12px 14px;border-bottom:1px solid rgba(148,163,184,.12);white-space:nowrap}.domain-history-domain{direction:ltr!important;text-align:left!important;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;color:#8eeaff}.domain-history-footer{justify-content:space-between!important;flex-wrap:wrap}.domain-history-pagination{display:flex;align-items:center;gap:10px}.domain-history-pagination .btn{min-width:90px}@media(max-width:720px){.domain-history-body{padding:16px 12px}.domain-history-controls{grid-template-columns:1fr}.domain-history-footer,.domain-history-pagination{width:100%}.domain-history-pagination{justify-content:space-between}.domain-history-footer>.btn{width:100%}}.rename-modal-backdrop{position:fixed;inset:0;z-index:1000000;display:grid;place-items:center;padding:16px;background:#020817b8}.rename-modal{width:min(620px,100%);max-height:min(86vh,760px);overflow-y:auto;border:1px solid rgba(0,229,255,.28);border-radius:16px;background:#09182a;color:#e7f4ff;box-shadow:0 22px 60px #00000073}.rename-modal-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:20px 20px 8px}.rename-modal-header h3{margin:0 0 6px}.rename-modal-header p{margin:0;overflow-wrap:anywhere}.rename-modal-close{min-width:44px;min-height:44px;border:0;border-radius:10px;background:transparent;color:inherit;font-size:28px;cursor:pointer}.rename-modal-body{display:grid;gap:16px;padding:12px 20px 20px}.rename-modal-body label:not(.rename-ack){display:grid;gap:7px}.rename-modal-body input[type=text],.rename-modal-body input:not([type]){min-height:44px;border-radius:10px;border:1px solid rgba(144,202,249,.45);background:#061220;color:#fff;padding:0 12px}.rename-node-list{display:flex;flex-wrap:wrap;gap:8px}.rename-node-list strong{flex-basis:100%}.rename-node-list span{padding:6px 9px;border-radius:999px;background:#90caf91a}.rename-warning{border:1px solid rgba(245,158,11,.45);border-radius:12px;padding:10px 12px;background:#f59e0b14}.rename-warning p{margin:5px 0}.rename-ack{display:flex;align-items:flex-start;gap:10px}.rename-progress{display:flex;flex-wrap:wrap;gap:7px}.rename-progress span{padding:5px 8px;border-radius:8px;background:#94a3b81f}.rename-progress span.current{outline:2px solid #22d3ee}.rename-progress p{flex-basis:100%;margin:4px 0}.rename-modal-actions{display:flex;justify-content:flex-end;gap:10px;flex-wrap:wrap}.rename-modal-actions .btn{min-height:44px}@media(max-width:640px),(max-height:620px){.rename-modal-backdrop{padding:8px;align-items:end}.rename-modal{max-height:94vh;border-radius:14px 14px 0 0}.rename-modal-header,.rename-modal-body{padding-left:14px;padding-right:14px}.rename-modal-actions .btn{flex:1 1 140px}}:root{--font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;--background-primary: #000000;--background-secondary: #1c1c1e;--background-card-hover: #2c2c2e;--card-base-bg: #151419;--body-bg: #232228;--accent-color: #fc7a1e;--accent-color-hover: #f06c0e;--accent-color-transparent: rgba(252, 122, 30, .1);--sidebar-active-bg: rgba(252, 122, 30, .15);--text-primary: #e0e1dd;--text-secondary: #a0aec0;--border-color: #424146;--border-color-hover: #555459;--shadow: 0 4px 12px rgba(0, 0, 0, .4);--danger-color: #a63d2a;--success-color: #01c3a8;--info-color: #1890ff}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family);background-color:var(--body-bg);color:var(--text-primary);font-size:14px}#login-container{display:flex;justify-content:center;align-items:center;height:100vh}.login-box{background:var(--background-secondary);padding:40px;border-radius:20px;box-shadow:var(--shadow);width:100%;max-width:400px;text-align:center;border:1px solid var(--border-color)}.login-logo{height:40px;width:auto;margin-bottom:30px}.login-box h2{margin-bottom:25px}.input-group{margin-bottom:20px;text-align:left}.input-group label{display:block;margin-bottom:8px;font-weight:600;color:var(--text-secondary)}.input-group input,.input-group select{width:100%;padding:12px;border:1px solid var(--border-color);border-radius:8px;font-family:var(--font-family);background-color:var(--background-primary);color:var(--text-primary);font-size:16px;transition:all .2s ease}.input-group input:focus,.input-group select:focus{outline:none;border-color:var(--accent-color);box-shadow:0 0 0 3px var(--accent-color-transparent)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 20px;border:none;border-radius:8px;cursor:pointer;font-size:15px;font-weight:700;font-family:var(--font-family);background-color:var(--accent-color);color:#000;transition:background-color .2s,transform .1s}.btn:hover{background-color:var(--accent-color-hover);transform:translateY(-1px)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn.btn-secondary{background-color:#3a3a3c;color:var(--text-primary)}.btn.btn-secondary:hover{background-color:#545456}.btn.btn-danger{background-color:var(--danger-color);color:#fff}.btn.btn-danger:hover{background-color:#8b3323}.btn.btn-success{background-color:var(--success-color);color:#fff}.btn.btn-success:hover{background-color:#01a28d}.error-message{color:var(--danger-color);margin-top:15px;min-height:1em}#main-container{display:flex;padding:20px;gap:20px;height:100vh}.sidebar{flex-shrink:0;width:260px;height:calc(100vh - 40px);background-color:var(--background-secondary);border-radius:16px;padding:20px;display:flex;flex-direction:column;border:1px solid var(--border-color);transition:transform .3s ease-in-out;z-index:1001}.sidebar-header{display:flex;align-items:center;margin-bottom:30px;padding:0 10px}.sidebar-logo{height:36px;width:auto}.sidebar nav ul{list-style-type:none;padding:0;margin:0}.nav-link{display:flex;align-items:center;text-decoration:none;color:var(--text-secondary);font-weight:600;padding:10px;border-radius:10px;margin-bottom:8px;transition:all .2s ease}.nav-link span{margin-left:12px}.icon-wrapper{display:flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:10px;transition:all .2s ease}.nav-link:not(.active):hover{background-color:var(--background-card-hover);color:var(--text-primary)}.nav-link.active{background-color:var(--sidebar-active-bg);color:var(--accent-color)}.nav-link.active .icon-wrapper{background-color:var(--accent-color);color:#000}.content-wrapper{flex-grow:1;background-color:var(--background-secondary);border-radius:16px;height:calc(100vh - 40px);overflow-y:auto;border:1px solid var(--border-color)}header.main-header{padding:20px 30px;display:flex;justify-content:flex-end;align-items:center;position:relative}main{padding:30px}.view-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.view-header .btn{width:auto}.view-header h2{font-size:28px}.header-actions{display:flex;align-items:center;gap:12px}.action-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background-color:var(--background-primary);border:1px solid var(--border-color);border-radius:12px;color:var(--text-secondary);cursor:pointer;transition:all .2s ease;text-decoration:none}.action-btn:hover{border-color:var(--accent-color);color:var(--accent-color);transform:translateY(-2px);background-color:var(--background-card-hover)}.header-logo-container,.mobile-nav{display:none}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px}.stat-card{display:flex;align-items:center;gap:20px;padding:24px;position:relative;overflow:hidden;border-radius:1.5rem;border:1px solid var(--border-color);background-color:var(--background-secondary);background-image:var(--radial-glow);transition:border-color .2s ease,transform .2s ease}.stat-card:hover{transform:translateY(-4px);border-color:var(--border-color-hover)}.stat-card:before{content:"";position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.03),transparent)}.stat-card.card-orange{--radial-glow: radial-gradient(ellipse at 50% 100%, rgba(252, 122, 30, .15), transparent 70%)}.stat-card.card-green{--radial-glow: radial-gradient(ellipse at 50% 100%, rgba(1, 195, 168, .15), transparent 70%)}.stat-card.card-red{--radial-glow: radial-gradient(ellipse at 50% 100%, rgba(166, 61, 42, .15), transparent 70%)}.stat-card.card-blue{--radial-glow: radial-gradient(ellipse at 50% 100%, rgba(24, 144, 255, .15), transparent 70%)}.icon-background{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:12px;background-color:var(--accent-color-transparent);flex-shrink:0}.icon-background .icon{font-size:24px}.stat-card-content span{font-size:14px;color:var(--text-secondary)}.stat-card-content h3{font-size:32px;font-weight:700;color:var(--text-primary)}.section-title{font-size:20px;color:var(--text-primary);margin:40px 0 20px}.search-pagination-controls{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;flex-wrap:wrap;gap:15px}.search-container{position:relative;display:flex;align-items:center}.search-icon{position:absolute;left:15px;color:var(--text-secondary)}.search-input{background-color:var(--background-primary);border:1px solid var(--border-color);border-radius:10px;padding:10px 15px 10px 40px;color:var(--text-primary);width:250px}.search-input:focus{outline:none;border-color:var(--accent-color)}.pagination-container{display:flex;align-items:center;gap:10px}.pagination-btn{background:var(--background-primary);border:1px solid var(--border-color);color:var(--text-secondary);width:36px;height:36px;border-radius:10px;cursor:pointer;display:flex;align-items:center;justify-content:center}.pagination-btn:disabled{opacity:.5;cursor:not-allowed}.pagination-btn:not(:disabled):hover{border-color:var(--accent-color);color:var(--accent-color)}.pagination-info{font-weight:600}.table-container{background:var(--background-primary);border-radius:12px;border:1px solid var(--border-color)}table{width:100%;border-collapse:collapse}th,td{padding:15px 20px;text-align:left}thead{background-color:var(--background-secondary);border-bottom:1px solid var(--border-color)}thead th:first-child{border-top-left-radius:12px}thead th:last-child{border-top-right-radius:12px}tbody tr:last-child td:first-child{border-bottom-left-radius:12px}tbody tr:last-child td:last-child{border-bottom-right-radius:12px}th{color:var(--text-secondary);font-weight:600;text-transform:uppercase;font-size:12px}tbody tr{transition:background-color .2s ease}tbody tr:nth-child(2n){background-color:#2c2c2e4d}tbody tr:hover{background-color:var(--background-card-hover)}td .btn{padding:6px 12px;font-size:14px}.actions-dropdown-container{position:relative;display:inline-block}.actions-dropdown-trigger{background:none;border:none;cursor:pointer;padding:5px;border-radius:50%;color:var(--text-secondary);display:flex;align-items:center;justify-content:center}.actions-dropdown-trigger:hover{background-color:var(--background-card-hover);color:var(--text-primary)}.actions-dropdown-menu{position:absolute;right:0;top:calc(100% + 5px);background-color:var(--background-card-hover);border-radius:8px;border:1px solid var(--border-color);box-shadow:var(--shadow);z-index:10;min-width:150px;overflow:hidden}.actions-dropdown-item{display:block;width:100%;text-align:left;padding:10px 15px;background:none;border:none;color:var(--text-primary);cursor:pointer;font-size:14px}.actions-dropdown-item:hover{background-color:var(--accent-color-transparent)}.actions-dropdown-item.danger-action{color:var(--danger-color)}.actions-dropdown-item.danger-action:hover{background-color:#a63d2a33}.modal-overlay{position:fixed;inset:0;background:#000c;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;justify-content:center;align-items:center;z-index:1000}.modal{background:var(--background-secondary);border-radius:16px;width:90%;max-width:500px;border:1px solid var(--border-color);box-shadow:var(--shadow)}.modal form{padding:30px}.modal-header,.modal-footer{padding:20px 30px;display:flex;align-items:center}.modal-header{justify-content:space-between}.modal-footer{justify-content:flex-end;gap:10px}.modal-footer .btn{width:auto}.modal-header .close-modal-btn{background:none;border:none;font-size:28px;cursor:pointer;color:var(--text-secondary)}.spinner{border:3px solid rgba(255,255,255,.3);border-radius:50%;border-top:3px solid #fff;width:16px;height:16px;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:992px){body{background-color:var(--background-secondary)}#main-container{padding:10px;gap:0;display:block;height:auto;min-height:100vh}.sidebar{display:none}.content-wrapper{width:100%;height:auto;min-height:calc(100vh - 20px);padding-top:80px;padding-bottom:80px;border-radius:10px;border:none}header.main-header{position:fixed;top:10px;left:10px;right:10px;width:calc(100% - 20px);z-index:999;padding:10px 15px;justify-content:space-between;background:#1c1c1e99;backdrop-filter:blur(17px);-webkit-backdrop-filter:blur(17px);border-radius:20px;border:1px solid rgba(56,56,58,.7);box-shadow:0 8px 32px #0000004d;overflow:hidden}.header-logo-container{display:flex;align-items:center}.header-logo{height:28px;width:auto}header.main-header:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent)}header.main-header:after{content:"";position:absolute;top:0;left:0;width:1px;height:100%;background:linear-gradient(180deg,rgba(255,255,255,.3),transparent,rgba(255,255,255,.1))}.header-actions{gap:5px}.action-btn{width:36px;height:36px}.logout-text{display:none}.btn.btn-danger{padding:8px;width:36px;height:36px}main{padding:20px}.view-header{flex-direction:column;align-items:flex-start;gap:15px}.search-pagination-controls{flex-direction:column;align-items:stretch}.search-input{width:100%}.table-container{overflow-x:auto;border:1px solid var(--border-color)}.mobile-nav{display:flex;justify-content:space-around;align-items:center;position:fixed;bottom:10px;left:10px;right:10px;height:65px;z-index:1000;background:#1c1c1e99;backdrop-filter:blur(17px);-webkit-backdrop-filter:blur(17px);border-radius:20px;border:1px solid rgba(56,56,58,.7);box-shadow:0 8px 32px #0000004d;overflow:hidden}.mobile-nav-link{display:flex;flex-direction:column;align-items:center;justify-content:center;flex-grow:1;height:100%;text-decoration:none;color:var(--text-secondary);transition:color .2s ease}.mobile-nav-link span{font-size:11px;margin-top:4px}.mobile-nav-link.active{color:var(--accent-color)}}.admin-cards-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;padding:10px 0}.admin-card{background:var(--background-secondary);border:1px solid var(--border-color);border-radius:12px;padding:20px;transition:all .3s ease;display:flex;flex-direction:column;gap:16px}.admin-card:hover{box-shadow:0 4px 20px #0000004d;transform:translateY(-2px)}.admin-card-header{display:flex;align-items:center;gap:16px}.admin-avatar{width:50px;height:50px;border-radius:10px;background:linear-gradient(135deg,var(--accent-color),var(--accent-color-hover));display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.admin-info{flex:1;display:flex;flex-direction:column;gap:6px}.admin-username{font-size:16px;font-weight:600;color:var(--text-primary);margin:0}.admin-stats{display:flex;align-items:center;gap:6px;color:var(--text-secondary);font-size:13px}.admin-stats svg{color:var(--accent-color)}.admin-card-actions{display:flex;justify-content:flex-end;gap:8px;padding-top:8px;border-top:1px solid var(--border-color)}.btn-admin-edit,.btn-admin-delete{display:flex;align-items:center;gap:8px;padding:8px 16px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;font-family:var(--font-family)}.btn-admin-edit{background:var(--accent-color-transparent);color:var(--accent-color);border:1px solid var(--accent-color)}.btn-admin-edit:hover{background:var(--accent-color);color:#fff;transform:translateY(-1px);box-shadow:0 4px 12px #fc7a1e4d}.btn-admin-delete{background:#a63d2a1a;color:var(--danger-color);border:1px solid var(--danger-color)}.btn-admin-delete:hover{background:var(--danger-color);color:#fff;transform:translateY(-1px);box-shadow:0 4px 12px #a63d2a4d}.btn-admin-edit svg,.btn-admin-delete svg{transition:transform .2s ease}.btn-admin-edit:hover svg{transform:rotate(-10deg)}.btn-admin-delete:hover svg{transform:rotate(10deg)}@media(max-width:768px){.admin-cards-container{grid-template-columns:1fr}.modal-footer{flex-direction:column;gap:10px}.modal-footer .btn,.modal-footer .btn-secondary{width:100%;justify-content:center}}html[data-ov-theme=dark]{color-scheme:dark;--body-bg: #070d17;--background-primary: #08111f;--background-secondary: #0b1423;--background-card-hover: #142238;--card-base-bg: #0b1423;--text-primary: #e7eef9;--text-secondary: #94a3b8;--border-color: #26354a;--border-color-hover: #3b4d66;--shadow: 0 12px 35px rgba(0, 0, 0, .2)}html[data-ov-theme=light]{color-scheme:light;--body-bg: #eaf0f7;--background-primary: #f1f5f9;--background-secondary: #f8fafc;--background-card-hover: #e9eff6;--card-base-bg: #ffffff;--text-primary: #0f172a;--text-secondary: #64748b;--border-color: #d4deea;--border-color-hover: #aebdce;--shadow: 0 12px 35px rgba(15, 23, 42, .07)}html[data-ov-theme=dark],html[data-ov-theme=dark] body,html[data-ov-theme=dark] #root,html[data-ov-theme=dark] #main-container{background:#070d17!important;color:#e7eef9!important}html[data-ov-theme=light],html[data-ov-theme=light] body,html[data-ov-theme=light] #root,html[data-ov-theme=light] #main-container{background:#eaf0f7!important;color:#0f172a!important}html[data-ov-theme=dark] .content-wrapper{background:linear-gradient(145deg,#0b1423,#0a1220)!important;border-color:#26354a!important;box-shadow:0 18px 45px #0000002e}html[data-ov-theme=light] .content-wrapper{background:linear-gradient(145deg,#f8fafc,#f1f5f9)!important;border-color:#d4deea!important;box-shadow:0 14px 35px #0f172a0f}html[data-ov-theme=dark] main{background:transparent!important}html[data-ov-theme=light] main{background:transparent!important}html[data-ov-theme=dark] header.main-header{background:transparent!important}html[data-ov-theme=light] header.main-header{background:transparent!important}html[data-ov-theme=dark] .sidebar{background:linear-gradient(180deg,#0b1423,#08111f)!important;border-color:#26354a!important}html[data-ov-theme=light] .sidebar{background:linear-gradient(180deg,#fff,#f8fafc)!important;border-color:#d4deea!important}html[data-ov-theme=dark] .action-btn{background:#08111f!important;border-color:#26354a!important;color:#94a3b8!important}html[data-ov-theme=light] .action-btn{background:#fff!important;border-color:#d4deea!important;color:#475569!important}html[data-ov-theme=dark] .nav-link:not(.active){color:#94a3b8!important}html[data-ov-theme=light] .nav-link:not(.active){color:#64748b!important}html[data-ov-theme=light] .nav-link:not(.active):hover{color:#0f172a!important;background:#edf2f7!important}html[data-ov-theme=dark] #dashboard-view,html[data-ov-theme=light] #dashboard-view{background:transparent!important}html[data-ov-theme=dark] .view-header h2,html[data-ov-theme=dark] .section-title{color:#e7eef9!important}html[data-ov-theme=light] .view-header h2,html[data-ov-theme=light] .section-title{color:#0f172a!important}body,#main-container,.content-wrapper,.sidebar,.action-btn,.nav-link,main{transition:background-color .22s ease,background .22s ease,color .22s ease,border-color .22s ease,box-shadow .22s ease}.ovdash{position:relative;isolation:isolate}.ovdash:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;background:radial-gradient(circle at 15% 5%,rgba(14,165,233,.1),transparent 28%),radial-gradient(circle at 90% 8%,rgba(139,92,246,.11),transparent 30%),radial-gradient(circle at 55% 100%,rgba(6,182,212,.05),transparent 30%)}.ov-hero{position:relative;overflow:hidden;border:1px solid rgba(96,165,250,.22)!important;box-shadow:0 22px 65px #00000038,inset 0 1px #ffffff0f!important;transition:transform .25s ease,box-shadow .25s ease}.ov-hero:after{content:"";position:absolute;width:420px;height:420px;right:-180px;top:-260px;border-radius:50%;background:radial-gradient(circle,rgba(168,85,247,.22),rgba(59,130,246,.08) 42%,transparent 70%);filter:blur(6px);pointer-events:none}.ov-hero:hover{transform:translateY(-2px);box-shadow:0 28px 80px #00000045,0 0 50px #3b82f612,inset 0 1px #ffffff14!important}.ov-hero-value{background:linear-gradient(90deg,#fff 5%,#93c5fd 38%,#c4b5fd 68%,#fff);background-size:200% auto;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:ovGradientMove 8s linear infinite;filter:drop-shadow(0 8px 24px rgba(59,130,246,.16))}.ov-hero-rate{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.ov-hero-rate:hover{transform:translateY(-3px)}.ov-hero-rate.download{box-shadow:inset 0 0 28px #22d3ee0a}.ov-hero-rate.download:hover{border-color:#22d3ee61!important;box-shadow:0 10px 35px #22d3ee14,inset 0 0 30px #22d3ee0d}.ov-hero-rate.upload{box-shadow:inset 0 0 28px #c084fc0a}.ov-hero-rate.upload:hover{border-color:#c084fc61!important;box-shadow:0 10px 35px #c084fc14,inset 0 0 30px #c084fc0d}.ov-chart-wrap{background:radial-gradient(circle at 88% 5%,rgba(217,70,239,.07),transparent 35%),radial-gradient(circle at 5% 95%,rgba(34,211,238,.06),transparent 35%),var(--ov-chart-bg)!important;box-shadow:inset 0 1px #ffffff09,0 16px 45px #00000014}.ov-chart polyline{filter:drop-shadow(0 0 5px rgba(34,211,238,.35))}.ov-chart polyline:last-of-type{filter:drop-shadow(0 0 6px rgba(217,70,239,.38))}.ov-summary-grid .ov-metric-box{position:relative;overflow:hidden;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}.ov-summary-grid .ov-metric-box:before{content:"";position:absolute;top:0;left:12%;right:12%;height:2px;border-radius:999px;background:linear-gradient(90deg,transparent,#38bdf8,#8b5cf6,transparent)}.ov-summary-grid .ov-metric-box:nth-child(1):before{background:linear-gradient(90deg,transparent,#10b981,#34d399,transparent)}.ov-summary-grid .ov-metric-box:nth-child(2):before{background:linear-gradient(90deg,transparent,#3b82f6,#60a5fa,transparent)}.ov-summary-grid .ov-metric-box:nth-child(3):before{background:linear-gradient(90deg,transparent,#06b6d4,#22d3ee,transparent)}.ov-summary-grid .ov-metric-box:nth-child(4):before{background:linear-gradient(90deg,transparent,#8b5cf6,#c084fc,transparent)}.ov-summary-grid .ov-metric-box:hover{transform:translateY(-4px);border-color:#60a5fa47!important;box-shadow:0 17px 45px #0000002b}.ov-node-card{position:relative;overflow:hidden;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);transition:transform .23s ease,box-shadow .23s ease,border-color .23s ease}.ov-node-card:after{content:"";position:absolute;pointer-events:none;width:190px;height:190px;top:-115px;right:-85px;border-radius:50%;background:radial-gradient(circle,rgba(59,130,246,.15),transparent 68%)}.ov-node-grid .ov-node-card:nth-child(1):after{background:radial-gradient(circle,rgba(34,211,238,.18),transparent 68%)}.ov-node-grid .ov-node-card:nth-child(2):after{background:radial-gradient(circle,rgba(99,102,241,.19),transparent 68%)}.ov-node-grid .ov-node-card:nth-child(3):after{background:radial-gradient(circle,rgba(250,204,21,.17),transparent 68%)}.ov-node-grid .ov-node-card:nth-child(4):after{background:radial-gradient(circle,rgba(244,63,94,.17),transparent 68%)}.ov-node-card:hover{transform:translateY(-4px) scale(1.003);box-shadow:0 20px 50px #0003}.ov-node-speed-grid>div{transition:transform .18s ease,border-color .18s ease}.ov-node-speed-grid>div:hover{transform:translateY(-2px);border-color:#60a5fa40!important}.ov-progress-fill{position:relative;overflow:hidden;transition:width .55s cubic-bezier(.4,0,.2,1)!important}.ov-progress-fill:after{content:"";position:absolute;inset:0;transform:translate(-120%);background:linear-gradient(90deg,transparent,rgba(255,255,255,.35),transparent);animation:ovProgressShine 4.5s ease-in-out infinite}.ov-live-badge i,.ov-status-pill.online span{animation:ovPulse 2s ease-in-out infinite}.ov-theme-toggle{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);transition:transform .18s ease,box-shadow .18s ease}.ov-theme-toggle:hover{transform:translateY(-1px);box-shadow:0 8px 28px #3b82f61f}.ovdash[data-theme=light] .ov-hero-value{background:linear-gradient(90deg,#0f172a,#1d4ed8 42%,#7e22ce 75%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.ovdash[data-theme=light] .ov-node-card,.ovdash[data-theme=light] .ov-summary-grid .ov-metric-box{box-shadow:0 12px 34px #0f172a12,inset 0 1px #fffffff2}@keyframes ovPulse{0%,to{transform:scale(1);filter:drop-shadow(0 0 3px rgba(34,197,94,.6))}50%{transform:scale(1.28);filter:drop-shadow(0 0 8px rgba(34,197,94,1))}}@keyframes ovProgressShine{0%,65%{transform:translate(-120%)}90%,to{transform:translate(120%)}}@keyframes ovGradientMove{to{background-position:200% center}}@media(prefers-reduced-motion:reduce){.ov-live-badge i,.ov-status-pill.online span,.ov-progress-fill:after,.ov-hero-value{animation:none!important}}.ovdash,.ov-node-grid,.ov-summary-grid,.pvnetwork-panel-grid{perspective:1400px}.ov-hero,.ov-node-card,.ov-metric-box{--ov3d-rx: 0deg;--ov3d-ry: 0deg;--ov3d-scale: 1;--ov3d-x: 50%;--ov3d-y: 50%;transform-style:preserve-3d!important;backface-visibility:hidden;will-change:transform;transform:perspective(1000px) rotateX(0) rotateY(0) scale(1)!important;transition:transform .55s cubic-bezier(.16,1,.3,1),box-shadow .35s ease,border-color .35s ease!important}.ov-hero.ov3d-active,.ov-node-card.ov3d-active,.ov-metric-box.ov3d-active{transform:perspective(900px) rotateX(var(--ov3d-rx)) rotateY(var(--ov3d-ry)) scale(var(--ov3d-scale))!important;transition:transform 55ms linear,box-shadow .15s ease,border-color .15s ease!important;z-index:20}.ov-hero.ov3d-active{background:radial-gradient(circle at var(--ov3d-x) var(--ov3d-y),rgba(147,197,253,.22),transparent 28%),var(--ov-hero-bg)!important;box-shadow:0 45px 100px #00000061,0 20px 55px #6366f129,inset 0 1px #ffffff1f!important}.ov-node-card.ov3d-active{background:radial-gradient(circle at var(--ov3d-x) var(--ov3d-y),rgba(255,255,255,.16),transparent 32%),var(--ov-bg)!important;box-shadow:0 38px 75px #0006,0 13px 35px #3b82f61f,inset 0 1px #ffffff1a!important;border-color:#94a3b86b!important}.ov-metric-box.ov3d-active{background:radial-gradient(circle at var(--ov3d-x) var(--ov3d-y),rgba(255,255,255,.2),transparent 35%),var(--ov-bg)!important;box-shadow:0 32px 65px #00000057,0 10px 28px #3b82f61f,inset 0 1px #ffffff1a!important}.ov-hero>.ov-hero-label{transform:translateZ(55px)!important}.ov-hero>.ov-hero-value{transform:translateZ(95px)!important;text-shadow:0 22px 32px rgba(0,0,0,.25)!important}.ov-hero>.ov-hero-rates{transform:translateZ(65px)!important}.ov-hero>.ov-chart-wrap{transform:translateZ(38px)!important}.ov-node-card>.ov-node-header{transform:translateZ(72px)!important}.ov-node-card>.ov-node-speed-grid{transform:translateZ(52px)!important}.ov-node-card>.ov-node-facts{transform:translateZ(32px)!important}.ov-node-card>.ov-node-progress{transform:translateZ(42px)!important}.ov-node-card .ov-node-flag{filter:drop-shadow(0 13px 12px rgba(0,0,0,.3))}.ov-node-card .ov-status-pill{transform:translateZ(18px);box-shadow:0 8px 20px #00000026}.ov-node-speed-grid>div{transform-style:preserve-3d;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease!important}.ov-node-speed-grid>div:hover{transform:translateZ(22px) scale(1.035)!important;box-shadow:0 15px 28px #0003,inset 0 1px #ffffff14!important}.ov-metric-box>.ov-metric-icon{transform:translateZ(70px)!important;filter:drop-shadow(0 14px 14px rgba(0,0,0,.28))}.ov-metric-box>.ov-metric-content{transform:translateZ(45px)!important}.ov-chart-wrap{transform-style:preserve-3d}.ov-chart-wrap>.ov-chart{transform:translateZ(16px)}.ovdash[data-theme=light] .ov-node-card.ov3d-active,.ovdash[data-theme=light] .ov-metric-box.ov3d-active{box-shadow:0 35px 70px #0f172a33,0 12px 30px #3b82f61a,inset 0 1px #fffffffa!important}@media(hover:none),(pointer:coarse){.ov-hero,.ov-node-card,.ov-metric-box,.ov-hero.ov3d-active,.ov-node-card.ov3d-active,.ov-metric-box.ov3d-active{transform:none!important}}.ov-hero,.ov-node-card,.ov-metric-box{overflow:hidden!important}.ov-metric-box{position:relative!important;display:flex!important;align-items:center!important;gap:14px!important;padding:22px!important;min-width:0!important}.ov-metric-icon{position:relative!important;inset:auto!important;margin:0!important;flex:0 0 56px!important;width:56px!important;height:56px!important;min-width:56px!important;min-height:56px!important;z-index:2!important;transform:translateZ(24px)!important}.ov-metric-content{flex:1 1 auto!important;min-width:0!important;transform:translateZ(16px)!important}.ov-metric-box.ov3d-active .ov-metric-icon{transform:translateZ(28px)!important}.ov-metric-box,.ov-node-card,.ov-hero{box-sizing:border-box!important}.ov-node-speed-grid>div,.ov-node-facts>div,.ov-hero-rates>div{min-width:0!important}@media(max-width:1200px){.ov-node-grid{grid-template-columns:1fr!important}}@media(max-width:980px){.ov-summary-grid,.pvnetwork-panel-grid{grid-template-columns:1fr 1fr!important}.ov-hero-value{font-size:clamp(56px,11vw,110px)!important}}@media(max-width:768px){html,body,#root{overflow-x:hidden!important}.ovdash{padding:12px!important}.ov-hero{padding:16px!important;border-radius:18px!important}.ov-hero-label{font-size:12px!important;letter-spacing:1.2px!important}.ov-hero-value{font-size:clamp(42px,14vw,72px)!important;line-height:1!important}.ov-hero-rates{grid-template-columns:1fr!important;gap:12px!important}.ov-chart-wrap{min-height:200px!important;max-height:220px!important}.ov-summary-grid,.pvnetwork-panel-grid,.ov-node-grid{grid-template-columns:1fr!important;gap:14px!important}.ov-node-card{padding:16px!important;border-radius:18px!important}.ov-node-header{gap:10px!important;align-items:center!important;flex-wrap:wrap!important}.ov-node-speed-grid{grid-template-columns:1fr!important;gap:12px!important}.ov-node-facts{grid-template-columns:1fr 1fr 1fr!important;gap:10px!important}.ov-node-progress{gap:10px!important}.ov-metric-box{padding:16px!important;border-radius:18px!important;gap:12px!important}.ov-metric-icon{flex:0 0 50px!important;width:50px!important;height:50px!important;min-width:50px!important;min-height:50px!important}.ov-metric-content h3,.ov-metric-content .ov-metric-value{font-size:clamp(22px,7vw,30px)!important;line-height:1.15!important}.ov-metric-content p,.ov-metric-content .ov-metric-label{font-size:12px!important}}@media(max-width:520px){.ovdash{padding:10px!important}.ov-hero{padding:14px!important}.ov-hero-value{font-size:clamp(36px,13vw,56px)!important}.ov-node-facts{grid-template-columns:1fr!important}.ov-metric-box{padding:14px!important;gap:10px!important}.ov-metric-icon{flex:0 0 46px!important;width:46px!important;height:46px!important;min-width:46px!important;min-height:46px!important}}.ov-sub-node-row{position:relative!important;overflow:hidden!important;min-height:88px!important;padding:12px 14px!important;border-radius:18px!important;border:1px solid rgba(116,157,255,.14)!important;background:linear-gradient(180deg,#111c37d1,#0b132aeb)!important;box-shadow:inset 0 1px #ffffff0a,0 10px 30px #0000002e!important;backdrop-filter:blur(10px)!important;-webkit-backdrop-filter:blur(10px)!important;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease!important}.ov-sub-node-row:hover{transform:translateY(-2px)!important;box-shadow:inset 0 1px #ffffff0d,0 16px 34px #0000003d!important;border-color:#5cc4ff38!important}.ov-sub-node-layout{display:flex!important;align-items:center!important;gap:12px!important;width:100%!important}.ov-sub-node-icon-wrap{flex:0 0 auto!important;display:flex!important;align-items:center!important;justify-content:center!important}.ov-sub-node-icon{width:42px!important;height:42px!important;border-radius:14px!important;display:flex!important;align-items:center!important;justify-content:center!important;font-size:18px!important;font-weight:800!important;color:#64b3ff!important;background:linear-gradient(180deg,#305faa57,#1b366670)!important;box-shadow:inset 0 1px #ffffff14,0 0 0 1px #64b3ff1a!important}.ov-sub-node-center{min-width:0!important;flex:1 1 auto!important;display:flex!important;flex-direction:column!important;gap:8px!important}.ov-sub-node-top{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important}.ov-sub-node-title-wrap{display:flex!important;align-items:center!important;gap:8px!important;min-width:0!important}.ov-sub-node-flag{font-size:22px!important;line-height:1!important;filter:drop-shadow(0 2px 8px rgba(0,0,0,.25))!important}.ov-sub-node-name{font-size:18px!important;font-weight:800!important;color:#f4f8ff!important;white-space:nowrap!important}.ov-sub-node-badge{flex:0 0 auto!important;font-size:12px!important;font-weight:800!important;line-height:1!important;padding:8px 10px!important;border-radius:999px!important;white-space:nowrap!important;box-shadow:inset 0 1px #ffffff0f!important}.ov-sub-node-badge.is-calm{color:#1af0a0!important;background:#16a05d24!important;border:1px solid rgba(29,218,137,.22)!important}.ov-sub-node-badge.is-mid{color:#ffd76a!important;background:#b0800e24!important;border:1px solid rgba(255,210,84,.22)!important}.ov-sub-node-badge.is-busy{color:#ff8c9e!important;background:#b4265024!important;border:1px solid rgba(255,123,150,.22)!important}.ov-sub-node-bar{position:relative!important;height:8px!important;width:100%!important;overflow:hidden!important;border-radius:999px!important;background:#ffffff0f!important;box-shadow:inset 0 1px 2px #0000002e!important}.ov-sub-node-bar>span{display:block!important;height:100%!important;border-radius:inherit!important;background:linear-gradient(90deg,#2fd0ff,#7d7bff 45%,#ff55c8)!important;box-shadow:0 0 18px #5badff47!important}.ov-sub-node-meta{display:flex!important;flex-wrap:wrap!important;gap:8px 14px!important;font-size:12px!important;font-weight:700!important;color:#d3dff5d1!important}.ov-sub-node-meta span{display:inline-flex!important;align-items:center!important;gap:6px!important}@media(max-width:768px){.ov-sub-node-row{min-height:96px!important;padding:12px!important;border-radius:16px!important}.ov-sub-node-layout{align-items:flex-start!important;gap:10px!important}.ov-sub-node-icon{width:38px!important;height:38px!important;font-size:16px!important;border-radius:12px!important}.ov-sub-node-top{align-items:flex-start!important;flex-direction:column!important;gap:8px!important}.ov-sub-node-name{font-size:17px!important}.ov-sub-node-badge{font-size:11px!important;padding:7px 9px!important}.ov-sub-node-meta{font-size:11px!important;gap:6px 10px!important}}@media(max-width:420px){.ov-sub-node-name{font-size:16px!important}.ov-sub-node-flag{font-size:20px!important}.ov-sub-node-row{min-height:98px!important}}html,body,#root{width:100%;min-width:0;max-width:none;margin:0;padding:0;overflow-x:hidden}*{box-sizing:border-box}html[dir=rtl] body{direction:rtl;text-align:right}#main-container,.content-wrapper,main,.view{width:100%;min-width:0;max-width:100%}.view{padding-inline:clamp(12px,2.5vw,32px);overflow-x:clip}.view-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px}.table-container,.table-responsive,.user-table-container,.node-table-container{display:block;width:100%;max-width:100%;min-width:0;overflow-x:auto;overscroll-behavior-inline:contain;-webkit-overflow-scrolling:touch}table{width:100%;min-width:max-content;border-collapse:collapse}th,td{white-space:nowrap;vertical-align:middle}html[dir=rtl] th,html[dir=rtl] td{text-align:right}.traffic-value,.quota-value,.ltr-number{direction:ltr;unicode-bidi:isolate;display:inline-block}.stats-grid>*{flex:1 1 190px;min-width:0}.monitor-form{margin-top:24px;padding:24px;border:1px solid #39414d;border-radius:16px;background:#20242c}.monitor-toggle{display:flex;gap:10px;align-items:center;margin-bottom:22px}.monitor-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.monitor-grid label{display:flex;flex-direction:column;gap:8px}.monitor-grid input{width:100%;min-height:44px}.monitor-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:22px}.monitor-actions button{width:auto;display:flex;gap:8px;align-items:center}.monitor-ok{color:#b8ffd7}.monitor-err{color:#ffb9b9}@media(max-width:700px){.monitor-grid{grid-template-columns:1fr}.view{padding-inline:10px}.view-header{flex-direction:column;align-items:stretch}.monitor-actions button{width:100%}}:root{--ov-bg: #070d17;--ov-surface: rgba(10, 20, 36, .88);--ov-surface-2: rgba(15, 27, 47, .82);--ov-surface-3: rgba(20, 36, 59, .72);--ov-border: rgba(106, 137, 181, .25);--ov-border-bright: rgba(95, 190, 255, .38);--ov-orange: #ff7a1a;--ov-orange-soft: rgba(255, 122, 26, .15);--ov-cyan: #25d6f4;--ov-purple: #bd72ff;--ov-green: #2ee6a6;--ov-red: #ff5f78;--ov-yellow: #ffd34d;--ov-text: #eef4ff;--ov-muted: #94a7c2;--ov-shadow: 0 18px 55px rgba(0, 0, 0, .28)}html,body,#root{width:100%;max-width:none!important;min-height:100%;overflow-x:hidden}body{background:radial-gradient(circle at 15% 5%,rgba(22,115,168,.13),transparent 28%),radial-gradient(circle at 75% 20%,rgba(98,52,170,.12),transparent 32%),var(--ov-bg)!important}#root{padding:0!important;margin:0!important;text-align:initial!important}#main-container{direction:rtl;padding:24px!important;gap:24px!important;background:transparent!important}.content-wrapper{position:relative;min-width:0;overflow-x:hidden!important;background:radial-gradient(circle at 85% 0%,rgba(63,81,181,.11),transparent 28%),linear-gradient(145deg,#091321,#08111e)!important;border:1px solid var(--ov-border)!important;box-shadow:var(--ov-shadow)}main{width:100%;min-width:0;padding:28px 38px 48px!important}.view{position:relative;width:100%;min-width:0;padding:4px 0 30px;color:var(--ov-text)}.view:before{content:"";position:absolute;z-index:0;top:-20px;right:-20px;width:330px;height:230px;pointer-events:none;background:radial-gradient(circle,rgba(75,97,220,.12),transparent 68%)}.view>*{position:relative;z-index:1}.view-header{min-height:74px;margin:0 0 26px!important;padding:16px 20px;border:1px solid var(--ov-border);border-radius:20px;background:linear-gradient(110deg,#112a43e0,#1f1848b8);box-shadow:0 15px 35px #00000029}.view-header h2{margin:0;font-size:clamp(23px,2vw,32px)!important;font-weight:800;letter-spacing:-.5px;color:var(--ov-text)}.view-header h2:after{content:"";display:block;width:46px;height:4px;margin-top:9px;margin-right:auto;border-radius:20px;background:linear-gradient(90deg,var(--ov-orange),var(--ov-purple));box-shadow:0 0 16px #ff7a1a80}.btn{min-height:42px;padding:10px 18px!important;border:1px solid rgba(255,160,80,.32)!important;border-radius:12px!important;color:#111827!important;background:linear-gradient(135deg,#ff9a3c,var(--ov-orange))!important;box-shadow:0 8px 22px #ff7a1a2e;transition:transform .18s ease,box-shadow .18s ease,filter .18s ease!important}.btn:hover{transform:translateY(-2px)!important;filter:brightness(1.08);box-shadow:0 12px 28px #ff7a1a47}.btn:active{transform:translateY(0) scale(.98)!important}.btn.btn-secondary{color:var(--ov-text)!important;border-color:var(--ov-border)!important;background:linear-gradient(135deg,#172842,#101c30)!important}.btn.btn-danger,button.btn-danger{color:#fff!important;border-color:#ff5f7859!important;background:linear-gradient(135deg,#ff5f78,#c73550)!important;box-shadow:0 8px 22px #ff5f782b}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(190px,1fr))!important;gap:16px!important;margin-bottom:26px}.stat-card,.user-stat-card{position:relative;min-height:126px;overflow:hidden;padding:22px!important;border:1px solid var(--ov-border)!important;border-radius:20px!important;color:var(--ov-text);background:radial-gradient(circle at 90% 0%,rgba(70,133,255,.16),transparent 45%),linear-gradient(145deg,#101f34f5,#0a1424f5)!important;box-shadow:0 13px 32px #0000002e;transition:transform .2s ease,border-color .2s ease}.stat-card:nth-child(4n+1),.user-stat-card:nth-child(4n+1){background:radial-gradient(circle at 90% 0%,rgba(37,214,244,.2),transparent 47%),linear-gradient(145deg,#102037,#0a1424)!important}.stat-card:nth-child(4n+2),.user-stat-card:nth-child(4n+2){background:radial-gradient(circle at 90% 0%,rgba(189,114,255,.2),transparent 47%),linear-gradient(145deg,#171c3b,#0b1425)!important}.stat-card:nth-child(4n+3),.user-stat-card:nth-child(4n+3){background:radial-gradient(circle at 90% 0%,rgba(46,230,166,.17),transparent 47%),linear-gradient(145deg,#102b30,#0a1724)!important}.stat-card:nth-child(4n+4),.user-stat-card:nth-child(4n+4){background:radial-gradient(circle at 90% 0%,rgba(255,122,26,.2),transparent 47%),linear-gradient(145deg,#2a2030,#101624)!important}.stat-card:after,.user-stat-card:after{content:"";position:absolute;top:0;right:28px;left:28px;height:2px;opacity:.8;background:linear-gradient(90deg,transparent,var(--ov-cyan),transparent)}.stat-card:hover,.user-stat-card:hover{transform:translateY(-4px);border-color:var(--ov-border-bright)!important}.user-stat-card{display:flex;flex-direction:column;justify-content:center;gap:10px}.user-stat-card b{color:var(--ov-muted);font-size:13px;font-weight:700}.user-stat-card span{color:var(--ov-text);font-size:27px;font-weight:900}.monitor-form,.admin-card,.security-card,.settings-card{width:100%;margin:18px 0!important;padding:26px 28px!important;overflow:hidden;border:1px solid var(--ov-border)!important;border-radius:20px!important;color:var(--ov-text);background:radial-gradient(circle at 100% 0%,rgba(97,77,190,.12),transparent 40%),linear-gradient(145deg,#101d31f2,#0a1423f2)!important;box-shadow:0 14px 35px #00000026}.monitor-form h3,.monitor-form h2,.admin-card h3{margin-bottom:18px;color:var(--ov-text);font-size:20px}.monitor-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:18px!important;width:100%;margin-bottom:18px}.monitor-form label,.modal label,.input-group label{display:flex;flex-direction:column;gap:8px;min-width:0;color:#bac8dc!important;font-weight:700}input,select,textarea{width:100%;max-width:100%;min-height:44px;padding:10px 13px!important;border:1px solid #30435d!important;border-radius:11px!important;outline:none;color:var(--ov-text)!important;background:#060f1bd1!important;transition:border-color .18s ease,box-shadow .18s ease,background .18s ease}textarea{min-height:105px;resize:vertical;line-height:1.7}input:focus,select:focus,textarea:focus{border-color:var(--ov-cyan)!important;background:#081423f5!important;box-shadow:0 0 0 3px #25d6f41c!important}input[type=checkbox],input[type=radio]{width:18px!important;min-width:18px;height:18px;min-height:18px;padding:0!important;accent-color:var(--ov-orange)}.search-pagination-controls{margin:26px 0 18px!important;padding:14px;border:1px solid var(--ov-border);border-radius:16px;background:#0a1525b8}.search-container{width:min(100%,360px)}.search-input{width:100%!important;padding-inline-start:44px!important}.search-icon{right:15px!important;left:auto!important;z-index:2}.pagination-container{padding:4px;border-radius:12px;background:#050e1aa6}.table-container{width:100%;max-width:100%;margin-top:18px;overflow-x:auto!important;overflow-y:visible;border:1px solid var(--ov-border)!important;border-radius:18px!important;background:#060f1bc7!important;box-shadow:0 15px 40px #0000002b;scrollbar-width:thin;scrollbar-color:#415a78 #111c2e}.table-container table{width:100%;min-width:780px;border-collapse:separate!important;border-spacing:0!important;direction:rtl}.table-container thead{position:sticky;top:0;z-index:4;background:linear-gradient(180deg,#14243b,#101c30)!important}.table-container th{padding:16px!important;color:#9fb4d1!important;font-size:12px;font-weight:800!important;text-align:right!important;white-space:nowrap;border-bottom:1px solid var(--ov-border)!important}.table-container td{padding:15px 16px!important;color:#edf4ff;text-align:right!important;vertical-align:middle;white-space:nowrap;border-bottom:1px solid rgba(80,110,150,.13)}.table-container tbody tr{background:#08122073}.table-container tbody tr:nth-child(2n){background:#14223694!important}.table-container tbody tr:hover{background:#243a58b8!important}.table-container tbody tr:last-child td{border-bottom:0}.table-container td .btn{min-height:36px;padding:7px 12px!important;margin:3px;font-size:13px;white-space:nowrap}.status-active,.live-user-online,.usage-green{color:var(--ov-green)!important}.status-inactive,.live-user-offline,.usage-red{color:var(--ov-red)!important}.status-active,.status-inactive,.live-connection-count{border-radius:999px!important}.admin-cards-container{gap:18px!important}.admin-card{min-height:190px;transition:transform .2s ease,border-color .2s ease}.admin-card:hover{transform:translateY(-4px);border-color:var(--ov-border-bright)!important}.modal-overlay{padding:18px;background:#02070ed1!important;-webkit-backdrop-filter:blur(12px)!important;backdrop-filter:blur(12px)!important}.modal{max-height:calc(100vh - 36px);overflow-y:auto;border:1px solid var(--ov-border-bright)!important;border-radius:22px!important;background:radial-gradient(circle at 90% 0%,rgba(94,68,190,.18),transparent 40%),linear-gradient(145deg,#101d31,#091321)!important;box-shadow:0 30px 90px #00000080!important}.modal-header{border-bottom:1px solid var(--ov-border)}.modal-footer{border-top:1px solid var(--ov-border)}pre{max-width:100%;max-height:320px;overflow:auto;direction:ltr;padding:16px;border:1px solid var(--ov-border);border-radius:14px;color:#b8e7ff;background:#06101d;text-align:left}.sidebar{background:radial-gradient(circle at 50% 0%,rgba(55,79,142,.16),transparent 28%),linear-gradient(180deg,#0b1627,#08111f)!important;border:1px solid var(--ov-border)!important;box-shadow:0 20px 50px #00000038}.sidebar nav{overflow-y:auto;overflow-x:hidden}.nav-link{min-height:56px;margin-bottom:7px!important;padding:9px 10px!important;border:1px solid transparent}.nav-link span{margin:0 12px 0 0!important;line-height:1.35}.nav-link.active{border-color:#ff7a1a33;background:linear-gradient(100deg,#ff7a1a30,#8442b71f)!important;box-shadow:inset 3px 0 0 var(--ov-orange)}.nav-link:not(.active):hover{border-color:var(--ov-border);background:#182a43b8!important}.action-btn{background:#081220d9!important;border-color:var(--ov-border)!important}.action-btn:hover{color:var(--ov-cyan)!important;border-color:var(--ov-cyan)!important;box-shadow:0 0 18px #25d6f41f}::-webkit-scrollbar{width:9px;height:9px}::-webkit-scrollbar-track{background:#0a1422}::-webkit-scrollbar-thumb{border:2px solid #0a1422;border-radius:20px;background:#3b506c}::-webkit-scrollbar-thumb:hover{background:#58759b}@media(max-width:1200px){main{padding:24px!important}.monitor-grid{grid-template-columns:1fr!important}.table-container table{min-width:720px}}@media(max-width:992px){#main-container{padding:10px!important}main{padding:18px 14px 95px!important}.content-wrapper{min-height:calc(100vh - 20px)}.view-header{min-height:auto;padding:16px;align-items:stretch!important}.view-header .btn{width:100%}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.monitor-form{padding:20px 16px!important}.search-pagination-controls{align-items:stretch!important}.search-container{width:100%}.pagination-container{justify-content:center}}@media(max-width:620px){.stats-grid{grid-template-columns:1fr!important}.stat-card,.user-stat-card{min-height:105px}.view-header h2{font-size:23px!important}.monitor-form>.btn,.monitor-form>button{width:100%;margin:5px 0}.table-container{margin-inline:0;border-radius:14px!important}.table-container table{min-width:680px}.mobile-nav{direction:rtl}}.language-picker{position:relative;display:inline-flex;align-items:center;gap:8px;height:42px;min-width:170px;padding-inline:12px;border:1px solid var(--ov-border);border-radius:12px;color:var(--ov-cyan);background:#081220e0;transition:border-color .2s,box-shadow .2s}.language-picker:hover,.language-picker:focus-within{border-color:var(--ov-cyan);box-shadow:0 0 18px #25d6f421}.language-picker select{width:auto!important;min-width:125px;height:38px;min-height:38px;padding:0 4px!important;border:0!important;color:var(--ov-text)!important;background:transparent!important;box-shadow:none!important;cursor:pointer}.language-picker option{color:#eef4ff;background:#0b1627}.logout-button{width:auto!important;display:flex!important;align-items:center;gap:8px;padding:8px 16px!important}html[dir=rtl] #main-container,html[dir=rtl] .mobile-nav,html[dir=rtl] .view,html[dir=rtl] .modal{direction:rtl}html[dir=ltr] #main-container,html[dir=ltr] .mobile-nav,html[dir=ltr] .view,html[dir=ltr] .modal{direction:ltr}html[dir=ltr] .nav-link span{margin:0 0 0 12px!important}html[dir=rtl] .nav-link span{margin:0 12px 0 0!important}html[dir=ltr] .table-container table{direction:ltr}html[dir=rtl] .table-container table{direction:rtl}html[dir=ltr] .table-container th,html[dir=ltr] .table-container td{text-align:left!important}html[dir=rtl] .table-container th,html[dir=rtl] .table-container td{text-align:right!important}html[dir=ltr] .view-header h2:after{margin-right:auto;margin-left:0}html[dir=rtl] .view-header h2:after{margin-right:0;margin-left:auto}html[dir=ltr] .search-icon{left:15px!important;right:auto!important}html[dir=rtl] .search-icon{right:15px!important;left:auto!important}html[data-language=fa],html[data-language=ar]{font-family:Tahoma,Arial,sans-serif}@media(max-width:760px){.language-picker{min-width:44px;width:44px;padding:0 11px}.language-picker select{position:absolute;inset:0;min-width:44px;width:44px!important;opacity:0}}html[dir=rtl] .language-picker select,html[dir=rtl] input,html[dir=rtl] textarea,html[dir=rtl] select{text-align:right}html[dir=rtl] table{direction:rtl}html[dir=ltr] table{direction:ltr}html[dir=rtl] .view-header,html[dir=rtl] .monitor-actions{direction:rtl}html[dir=ltr] .view-header,html[dir=ltr] .monitor-actions{direction:ltr}.language-picker select{min-width:190px;max-width:230px}[dir=rtl] .language-picker select{font-family:inherit}@media(max-width:760px){.language-picker select{min-width:0;width:150px}}.modal-overlay{position:fixed!important;inset:0!important;z-index:2147483000!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:20px!important;overflow:auto!important;background:#02070fdb!important;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.modal-overlay .modal{position:relative!important;z-index:2147483001!important;display:block!important;width:min(760px,calc(100vw - 32px))!important;max-width:760px!important;max-height:calc(100vh - 40px)!important;overflow:auto!important;visibility:visible!important;opacity:1!important;transform:none!important;margin:auto!important}.modal-overlay .modal form{display:block!important}@media(max-width:700px){.modal-overlay{padding:8px!important;align-items:flex-start!important}.modal-overlay .modal{width:calc(100vw - 16px)!important;max-height:calc(100vh - 16px)!important}}.ov-page-loader{min-height:260px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:18px;color:var(--ov-muted, #94a7c2);font-size:1.05rem}.ov-error-panel,.ov-success-panel,.ov-status-box{margin:16px 0;padding:14px 18px;border-radius:14px;border:1px solid rgba(255,95,120,.35);background:#ff5f781a;display:flex;flex-wrap:wrap;align-items:center;gap:12px;overflow-wrap:anywhere}.ov-success-panel,.ov-status-box.succeeded{border-color:#2ee6a659;background:#2ee6a61a}.ov-status-box.running,.ov-status-box.queued{border-color:#25d6f459;background:#25d6f414}.ov-error{color:#ff8296;width:100%}.ov-action-row,.ov-table-actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:16px}.ov-table-actions{margin-top:0}.ov-switch-row{display:flex!important;align-items:center;gap:12px;margin-bottom:22px}.ov-switch-row input{width:20px!important;height:20px!important;min-height:20px!important;accent-color:#ff7a1a}.ov-health-pill{display:inline-flex;padding:7px 12px;border-radius:999px;background:#94a3b81f}.ov-health-pill.healthy{color:#4ce2a3;background:#2ee6a61f}.ov-health-pill.degraded{color:#ffd34d;background:#ffd34d1f}.ov-health-pill.offline{color:#ff6c82;background:#ff5f781f}[data-no-translate=true] .monitor-grid label{display:flex;flex-direction:column;gap:9px}[data-no-translate=true] button:disabled{opacity:.5;cursor:not-allowed;filter:grayscale(.25)}@media(max-width:760px){.ov-action-row,.ov-table-actions{align-items:stretch;flex-direction:column}.ov-action-row .btn,.ov-table-actions .btn{width:100%}}.bandwidth-page{display:flex;flex-direction:column;gap:20px}.bandwidth-header h2{display:flex;align-items:center;gap:10px}.bandwidth-header p{margin-top:8px;color:var(--text-secondary)}.bandwidth-loading,.bandwidth-empty{padding:30px;color:var(--text-secondary);text-align:center}.bandwidth-state{display:flex;align-items:center;gap:16px;padding:18px 20px;border-radius:14px;border:1px solid var(--border-color);background:var(--background-primary)}.bandwidth-state.is-active{border-color:#f59e0b;background:#f59e0b14}.bandwidth-state.is-off{border-color:#01c3a88c;background:#01c3a80f}.bandwidth-state-icon{display:grid;place-items:center;width:46px;height:46px;border-radius:12px;background:var(--background-secondary);font-size:24px}.bandwidth-state>div:nth-child(2){display:flex;flex-direction:column;gap:4px;flex:1}.bandwidth-state span{color:var(--text-secondary)}.bandwidth-safety-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}.bandwidth-safety-grid>div{display:flex;align-items:center;gap:8px;padding:12px 14px;border-radius:10px;background:#01c3a814;border:1px solid rgba(1,195,168,.25);color:var(--text-secondary)}.bandwidth-alert{padding:13px 16px;border-radius:10px;border:1px solid}.bandwidth-alert.error{color:#fecaca;background:#ef44441a;border-color:#ef444473}.bandwidth-alert.success{color:#a7f3d0;background:#10b9811a;border-color:#10b98173}.bandwidth-card{padding:22px;border-radius:16px;border:1px solid var(--border-color);background:var(--background-primary)}.bandwidth-card h3{display:flex;align-items:center;gap:8px;margin-bottom:18px}.bandwidth-form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}.bandwidth-form-grid label,.bandwidth-target-panel label{display:flex;flex-direction:column;gap:7px;color:var(--text-secondary)}.bandwidth-page input,.bandwidth-page select{width:100%;min-height:42px;border:1px solid var(--border-color);border-radius:9px;padding:9px 11px;color:var(--text-primary);background:var(--background-secondary);font-family:inherit}.bandwidth-page input:focus,.bandwidth-page select:focus{outline:none;border-color:var(--accent-color);box-shadow:0 0 0 3px var(--accent-color-transparent)}.bandwidth-rate-input{display:flex;align-items:center;gap:8px}.bandwidth-rate-input b{min-width:52px}.bandwidth-target-panel{margin-top:16px;max-width:420px}.bandwidth-user-picker,.bandwidth-node-picker{margin-top:18px}.bandwidth-picker-title{display:flex;justify-content:space-between;margin-bottom:10px}.bandwidth-check-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:8px;max-height:320px;overflow:auto;padding:8px;border:1px solid var(--border-color);border-radius:10px}.bandwidth-check-list label,.bandwidth-node-grid label{display:flex;align-items:center;gap:8px;padding:9px 10px;border:1px solid var(--border-color);border-radius:9px;cursor:pointer;background:var(--background-secondary)}.bandwidth-check-list input,.bandwidth-node-grid input{width:auto;min-height:auto}.bandwidth-check-list small,.bandwidth-node-grid small{margin-inline-start:auto;color:var(--text-secondary)}.bandwidth-node-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px}.bandwidth-node-grid label.selected{border-color:var(--accent-color);background:var(--accent-color-transparent)}.bandwidth-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:10px;margin-top:20px}.bandwidth-status-grid,.bandwidth-groups-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px}.bandwidth-node-status,.bandwidth-group-card{padding:14px;border-radius:11px;border:1px solid var(--border-color);background:var(--background-secondary)}.bandwidth-node-status.ok{border-color:#10b98173}.bandwidth-node-status.bad{border-color:#ef444473}.bandwidth-node-status>div,.bandwidth-group-head{display:flex;justify-content:space-between;align-items:center;gap:10px}.bandwidth-node-status span,.bandwidth-node-status small,.bandwidth-group-card small{display:block;color:var(--text-secondary);margin-top:7px}.bandwidth-result{max-height:360px;overflow:auto;padding:14px;border-radius:10px;background:#05070b;color:#cbd5e1;direction:ltr;text-align:left}.bandwidth-create-group{display:flex;gap:10px;margin-bottom:16px}.bandwidth-group-head>div{display:flex;flex-direction:column}.bandwidth-group-card select[multiple]{height:180px;margin:12px 0}.bandwidth-icon-danger{display:grid;place-items:center;width:34px;height:34px;border:1px solid rgba(239,68,68,.45);border-radius:8px;color:#f87171;background:transparent;cursor:pointer}@media(max-width:700px){.bandwidth-state{align-items:flex-start;flex-wrap:wrap}.bandwidth-state .btn{width:100%}.bandwidth-create-group,.bandwidth-actions{flex-direction:column}.bandwidth-create-group .btn,.bandwidth-actions .btn{width:100%}}.pvnetwork-brand{display:inline-flex;align-items:baseline;justify-content:center;white-space:nowrap;font-family:Inter,Segoe UI,Arial,sans-serif;font-weight:900;font-size:23px;line-height:1;letter-spacing:-.55px;-webkit-user-select:none;user-select:none}.pvnetwork-brand-ov{color:#e9eff9}.pvnetwork-brand-name{color:#ff861c;text-shadow:0 0 15px rgba(255,134,28,.2)}.header-logo-container .pvnetwork-brand{font-size:19px}.login-box .pvnetwork-brand{font-size:31px;margin-bottom:22px}html[data-ov-theme=light] .pvnetwork-brand-ov{color:#172033}.pn-admin-brand{display:flex;align-items:center;justify-content:center;gap:10px;direction:ltr;white-space:nowrap}.pn-admin-logo{width:54px;height:54px;object-fit:cover;border-radius:15px;flex:0 0 auto;box-shadow:0 0 0 1px #ffc13d47,0 0 22px #ff960029}.pn-admin-brand-copy{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;line-height:1.05}.pn-admin-brand-title{font-family:Inter,Segoe UI,Arial,sans-serif;font-size:16px;font-weight:900;letter-spacing:.7px;color:#f4f7fc}.pn-admin-brand-sub{margin-top:5px;font-family:Inter,Segoe UI,Arial,sans-serif;font-size:11px;font-weight:800;letter-spacing:.3px;color:#ff861c}.header-logo-container .pn-admin-logo{width:42px;height:42px;border-radius:12px}.header-logo-container .pn-admin-brand-title{font-size:13px}.header-logo-container .pn-admin-brand-sub{font-size:9px}.login-box .pn-admin-logo{width:72px;height:72px;border-radius:19px}.login-box .pn-admin-brand{margin-bottom:22px}.login-box .pn-admin-brand-title{font-size:20px}.login-box .pn-admin-brand-sub{font-size:12px}@media(max-width:1100px){.sidebar-header .pn-admin-brand-copy{display:none}}.sidebar-header{position:relative;width:100%;min-height:88px;display:flex!important;align-items:center!important;justify-content:center!important;padding:12px 10px!important;box-sizing:border-box;overflow:hidden}.sidebar-header .pn-admin-brand{width:100%;height:64px;display:flex!important;align-items:center!important;justify-content:center!important;gap:10px;margin:0!important;padding:0!important;transform:none!important;direction:ltr}.sidebar-header .pn-admin-logo{width:54px!important;height:54px!important;min-width:54px;min-height:54px;object-fit:cover;object-position:center;border-radius:14px;margin:0!important;padding:0!important;flex:0 0 54px}.sidebar-header .pn-admin-brand-copy{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;min-width:0;margin:0;padding:0}.sidebar-header .pn-admin-brand-title{font-size:16px!important;font-weight:900;line-height:1.05;letter-spacing:.6px;margin:0;padding:0}.sidebar-header .pn-admin-brand-sub{font-size:11px!important;line-height:1;margin-top:6px!important;padding:0}.header-logo-container .pn-admin-brand{display:flex;align-items:center;justify-content:center;gap:7px;margin:0}.header-logo-container .pn-admin-logo{width:40px!important;height:40px!important;min-width:40px;border-radius:10px}.header-logo-container .pn-admin-brand-title{font-size:12px!important}.header-logo-container .pn-admin-brand-sub{font-size:9px!important;margin-top:3px!important}.login-box .pn-admin-brand{display:flex;align-items:center;justify-content:center;gap:12px;margin:0 auto 24px!important}.login-box .pn-admin-logo{width:68px!important;height:68px!important;border-radius:17px}.sidebar-header{width:100%!important;min-width:0!important;box-sizing:border-box!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:12px 14px!important;overflow:visible!important}.sidebar-header .pn-admin-brand{width:100%!important;max-width:100%!important;min-width:0!important;height:64px!important;display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:flex-start!important;gap:10px!important;padding:0 6px!important;margin:0!important;box-sizing:border-box!important;direction:ltr!important;overflow:visible!important}.sidebar-header .pn-admin-logo{width:50px!important;height:50px!important;min-width:50px!important;min-height:50px!important;flex:0 0 50px!important;object-fit:cover!important;object-position:center!important;border-radius:13px!important;margin:0!important}.sidebar-header .pn-admin-brand-copy{flex:1 1 auto!important;min-width:0!important;max-width:calc(100% - 60px)!important;display:flex!important;flex-direction:column!important;align-items:flex-start!important;justify-content:center!important;overflow:visible!important}.sidebar-header .pn-admin-brand-title{display:block!important;width:auto!important;max-width:100%!important;margin:0!important;padding:0!important;white-space:nowrap!important;overflow:visible!important;font-size:14px!important;font-weight:900!important;line-height:1.1!important;letter-spacing:.25px!important;color:#f4f7fc!important}.sidebar-header .pn-admin-brand-sub{display:block!important;margin:6px 0 0!important;padding:0!important;white-space:nowrap!important;font-size:11px!important;font-weight:800!important;line-height:1!important;color:#ff861c!important}.sidebar,.sidebar-content,.sidebar-inner{overflow-x:visible!important}.create-user-nodes{border:1px solid var(--border-color, rgba(148, 163, 184, .24));border-radius:12px;padding:12px;margin:0 0 16px;min-inline-size:0}.create-user-nodes legend{padding-inline:6px;font-weight:700}.create-user-nodes-help{display:block;margin-block:0 10px;opacity:.78}.create-user-node-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px}.create-user-node{min-height:44px;display:flex;align-items:center;gap:9px;padding:8px 10px;border:1px solid var(--border-color, rgba(148, 163, 184, .24));border-radius:10px;cursor:pointer;overflow-wrap:anywhere}.create-user-node.selected{border-color:currentColor}.create-user-node.unavailable{opacity:.55;cursor:not-allowed}.create-user-node small{margin-inline-start:auto}@media(max-width:430px){.create-user-node-list{grid-template-columns:1fr}}html,body,#root{max-width:100%;overflow-x:hidden}button,a,input,select,textarea,[role=button],[tabindex]:not([tabindex="-1"]){scroll-margin:96px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[role=button]:focus-visible,[tabindex]:not([tabindex="-1"]):focus-visible{outline:3px solid var(--accent-color);outline-offset:3px}.actions-dropdown-trigger,.action-btn,.pagination-btn,.close-modal-btn,.mobile-nav-link{min-width:44px;min-height:44px}.actions-dropdown-item{min-height:44px;line-height:1.35;white-space:normal;overflow-wrap:anywhere}.modal-overlay{padding:max(12px,env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left));overflow-y:auto;overscroll-behavior:contain}.modal{max-height:calc(100dvh - 24px);overflow-y:auto;overscroll-behavior:contain}.modal-header{position:sticky;top:0;z-index:2;background:var(--background-secondary)}.modal-footer{position:sticky;bottom:0;z-index:2;background:var(--background-secondary)}.table-container,.ov-backup-table-wrap{max-width:100%;-webkit-overflow-scrolling:touch;overscroll-behavior-inline:contain}.search-container,.search-input,.search-pagination-controls,.pagination-container{max-width:100%}.view-header h2,.section-title,.admin-username,td,th,label,p,span{overflow-wrap:anywhere}.mobile-more{position:relative;display:flex;flex:1 1 0;align-self:stretch}.mobile-more-trigger{width:100%;border:0;background:transparent;font-family:inherit}.mobile-more-menu{position:fixed;left:12px;right:12px;bottom:calc(88px + env(safe-area-inset-bottom));z-index:1100;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:12px;max-height:min(62dvh,420px);overflow-y:auto;border:1px solid var(--border-color);border-radius:16px;background:var(--background-secondary);box-shadow:var(--shadow)}.mobile-more-menu a{min-height:48px;display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:10px;color:var(--text-primary);text-decoration:none;background:var(--background-primary)}.mobile-more-menu a.active,.mobile-more-menu a:hover{color:var(--accent-color);background:var(--accent-color-transparent)}@media(max-width:992px){main{padding-inline:clamp(12px,3vw,20px)}.view-header{margin-bottom:20px}.view-header>*,.search-pagination-controls>*{max-width:100%}.search-container,.search-input{width:100%}.pagination-container{width:100%;justify-content:space-between;flex-wrap:wrap}.modal{width:min(94vw,560px)}.modal form,.modal-header,.modal-footer{padding-inline:clamp(16px,4vw,24px)}.mobile-nav{padding-bottom:env(safe-area-inset-bottom);min-height:calc(65px + env(safe-area-inset-bottom))}.mobile-nav-link{border:0;background:transparent;font-family:inherit}.content-wrapper{padding-bottom:calc(92px + env(safe-area-inset-bottom))}}@media(max-width:480px){.btn,.btn.btn-secondary,.btn.btn-danger,.btn.btn-success{min-height:44px}.view-header .btn{width:100%}.header-actions{gap:8px}.modal-footer{flex-direction:column-reverse;align-items:stretch}.modal-footer .btn,.modal-footer .btn-secondary{width:100%}.actions-dropdown-menu{max-width:calc(100vw - 16px);max-height:min(70dvh,360px);overflow-y:auto}.mobile-more-menu{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}.view,.bandwidth-page,.monitor-form,.bandwidth-card{min-width:0;max-width:100%}.monitor-form,.bandwidth-card{overflow-wrap:anywhere}.monitor-form input,.monitor-form select,.monitor-form textarea,.bandwidth-page input,.bandwidth-page select,.bandwidth-page textarea{max-width:100%}.monitor-form textarea,.bandwidth-page textarea{min-height:96px;resize:vertical}.monitor-grid,.bandwidth-form-grid,.bandwidth-safety-grid,.bandwidth-node-grid,.bandwidth-status-grid,.bandwidth-groups-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(240px,100%),1fr));gap:12px;min-width:0}.monitor-grid>*,.bandwidth-form-grid>*,.bandwidth-node-grid>*,.bandwidth-status-grid>*,.bandwidth-groups-grid>*{min-width:0}.bandwidth-state,.bandwidth-group-head,.bandwidth-picker-title,.bandwidth-create-group,.bandwidth-actions,.ov-action-row,.ov-table-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;min-width:0}.bandwidth-state>div:nth-child(2){min-width:0;flex:1 1 260px}.bandwidth-state span,.bandwidth-node-status span,.bandwidth-group-card,.bandwidth-result,.ov-status-box,.ov-error-panel,.user-stat-card{overflow-wrap:anywhere}.bandwidth-actions .btn,.ov-action-row .btn,.ov-table-actions .btn{min-height:44px}.bandwidth-create-group input{flex:1 1 240px;min-width:0}.bandwidth-user-picker,.bandwidth-node-picker,.bandwidth-check-list,.bandwidth-result,.ov-status-box,.ov-error-panel{max-width:100%}.bandwidth-check-list{max-height:min(44dvh,420px);overflow:auto}.bandwidth-result,.monitor-form pre{max-width:100%;overflow:auto;white-space:pre-wrap;word-break:break-word}.user-stat-card{min-width:0}.table-container table{min-width:max-content}.table-container td,.table-container th{max-width:min(42vw,360px);white-space:normal;overflow-wrap:anywhere}@media(max-width:768px){.monitor-form,.bandwidth-card{padding-inline:clamp(12px,4vw,18px)}.monitor-grid,.bandwidth-form-grid,.bandwidth-safety-grid,.bandwidth-node-grid,.bandwidth-status-grid,.bandwidth-groups-grid{grid-template-columns:1fr}.bandwidth-state{align-items:flex-start}.bandwidth-state .btn,.bandwidth-actions .btn,.bandwidth-create-group .btn,.ov-action-row .btn{width:100%}.bandwidth-actions,.ov-action-row{align-items:stretch}.ov-table-actions{min-width:180px}.ov-table-actions .btn{flex:1 1 100%}.user-stat-card{padding:14px}.table-container{scroll-snap-type:x proximity}}@media(max-width:430px){.bandwidth-card h3,.monitor-form h3{font-size:clamp(16px,5vw,19px)}.bandwidth-rate-input{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.bandwidth-rate-input input{flex:1 1 150px;min-width:0}.table-container td,.table-container th{padding-inline:12px}}:root{--body-bg: #08090d;--background-primary: #0b0d13;--background-secondary: #101319;--card-base-bg: #11141c;--background-card-hover: #171b25;--accent-color: #ff8a2a;--accent-color-hover: #ffa04d;--accent-color-transparent: rgba(255, 138, 42, .09);--sidebar-active-bg: rgba(255, 138, 42, .13);--accent-glow: 0 0 0 1px rgba(255, 138, 42, .22), 0 8px 30px rgba(255, 138, 42, .09);--text-primary: #f2f3f7;--text-secondary: #9aa3b5;--border-color: #232836;--border-color-hover: #323a4d;--shadow: 0 18px 50px rgba(3, 5, 10, .55);--danger-color: #ff5d5d;--success-color: #2dd4a0;--info-color: #5aa2ff;--radius-surface: 16px;--radius-control: 12px;--focus-ring: 0 0 0 2px rgba(255, 138, 42, .35);--surface-glass: linear-gradient(180deg, rgba(20, 24, 33, .92), rgba(13, 16, 23, .94))}body{background:radial-gradient(900px 420px at 50% -120px,rgba(255,138,42,.06),transparent 65%),radial-gradient(700px 500px at 100% 100%,rgba(90,162,255,.04),transparent 70%),var(--body-bg);background-attachment:fixed}.card,.login-box,.modal,.ov-backup-panel{background:var(--surface-glass)!important;border:1px solid var(--border-color)!important;border-radius:var(--radius-surface)!important;box-shadow:var(--shadow)!important;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.card,.node,.client{transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.card:hover,.node:hover,.client:hover{border-color:var(--border-color-hover)!important;box-shadow:0 18px 44px #03050a99,var(--accent-glow)!important}.btn{border-radius:var(--radius-control)!important;font-weight:650;transition:transform .15s ease,filter .15s ease,box-shadow .15s ease}.btn:not(.btn-secondary):not(.danger):not(:disabled){background:linear-gradient(135deg,var(--accent-color),#ff6a00)!important;border:0!important;color:#14100b!important;box-shadow:0 6px 22px #ff781438}.btn:not(.btn-secondary):not(.danger):not(:disabled):hover{filter:brightness(1.08);transform:translateY(-1px);box-shadow:0 10px 28px #ff781452}.btn:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,a:focus-visible,[role=button]:focus-visible{outline:none;box-shadow:var(--focus-ring)}input,select,textarea{background:#080a0fb8!important;border:1px solid var(--border-color)!important;border-radius:var(--radius-control)!important;color:var(--text-primary)!important;transition:border-color .15s ease,box-shadow .15s ease}input:focus,select:focus,textarea:focus{border-color:#ff8a2a8c!important}thead th,table th{color:var(--text-secondary)!important;letter-spacing:.03em;text-transform:none}tbody tr{transition:background .14s ease}.sidebar,aside.sidebar,nav.sidebar{background:linear-gradient(180deg,#101319f5,#0b0d13f7)!important;border-inline-end:1px solid var(--border-color)!important;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.modal-overlay{background:#040509b8!important;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.pill,.badge,.status-pill{border-radius:999px!important;border:1px solid var(--border-color)!important;background:#0c0e14b8!important}*{scrollbar-width:thin;scrollbar-color:#2a3141 transparent}*::-webkit-scrollbar{width:9px;height:9px}*::-webkit-scrollbar-thumb{background:#262d3d;border-radius:8px}*::-webkit-scrollbar-thumb:hover{background:#333c50}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}