:root{--primary:#2563eb;--accent:#7c3aed;--font:Inter;--base-size:15px;--bg:#f4f7fb;--surface:#fff;--surface-2:#f8fafc;--text:#152033;--muted:#65738b;--line:#e3e9f2;--shadow:0 10px 35px #1f2e5014;--danger:#dc3545;--success:#196;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root.dark{--bg:#0b1020;--surface:#121a2d;--surface-2:#182238;--text:#ecf2ff;--muted:#94a3bb;--line:#26324a;--shadow:0 15px 40px #0000003d;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{background:var(--bg);min-height:100%;color:var(--text);font-family:var(--font),system-ui,sans-serif;font-size:var(--base-size);margin:0}button,input,select,textarea{font:inherit}button,a{transition:all .18s}button{cursor:pointer}.app-shell{background:var(--bg);min-height:100vh}.sidebar{color:#dce6fa;z-index:40;background:#10182b;flex-direction:column;width:260px;padding:26px 18px 18px;display:flex;position:fixed;inset:0 auto 0 0}.brand{align-items:center;gap:12px;padding:0 8px 30px;display:flex}.brand img{object-fit:contain;width:42px;height:42px}.brand-mark,.auth-mark{background:linear-gradient(145deg,var(--primary),var(--accent));color:#fff;width:42px;height:42px;box-shadow:0 8px 22px color-mix(in srgb,var(--primary) 35%,transparent);border-radius:13px;place-items:center;font-size:23px;font-weight:800;display:grid}.brand strong,.brand small{display:block}.brand strong{color:#fff;font-size:18px}.brand small{color:#8090ac;margin-top:2px;font-size:11px}.nav-label{color:#657592;text-transform:uppercase;letter-spacing:.15em;margin:0 0 8px;padding:0 11px;font-size:10px}.sidebar nav{gap:5px;display:grid}.sidebar nav button{color:#9babca;text-align:left;background:0 0;border:0;border-radius:11px;align-items:center;gap:12px;padding:12px 13px;display:flex;position:relative}.sidebar nav button:hover,.sidebar nav button.active{color:#fff;background:#1c2942}.sidebar nav button.active:before{content:"";background:var(--primary);border-radius:0 3px 3px 0;width:3px;height:24px;position:absolute;left:-18px}.sidebar nav button span{text-align:center;width:20px}.nav-badge{color:#fff;background:#ef4444;border-radius:9px;margin-left:auto;padding:2px 7px;font-size:10px}.sidebar-card{background:#172238;border:1px solid #293854;border-radius:12px;align-items:center;gap:10px;margin-top:auto;padding:13px;display:flex}.sidebar-card strong,.sidebar-card small{display:block}.sidebar-card strong{font-size:12px}.sidebar-card small{color:#7f91b1;margin-top:3px;font-size:10px}.pulse-dot,.server-status{background:#34d399;border-radius:50%;width:9px;height:9px;box-shadow:0 0 0 5px #34d3991f}.profile{align-items:center;gap:9px;padding:20px 6px 2px;display:flex}.profile strong,.profile small{display:block}.profile strong{font-size:12px}.profile small{color:#7f91b1;text-transform:capitalize;font-size:10px}.profile>button{color:#8191af;background:0 0;border:0;margin-left:auto;font-size:18px}.avatar{color:#fff;background:linear-gradient(145deg,#f8c15c,#e17834);border-radius:10px;flex:0 0 34px;place-items:center;width:34px;height:34px;font-size:12px;font-weight:800;display:grid}.mobile-close{display:none}main{min-height:100vh;margin-left:260px}.topbar{border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--surface) 92%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:25;align-items:center;gap:18px;height:74px;padding:0 34px;display:flex;position:sticky;top:0}.search{border:1px solid var(--line);background:var(--surface-2);width:min(420px,45vw);color:var(--muted);border-radius:11px;align-items:center;gap:10px;padding:10px 13px;display:flex}.search input{color:var(--text);background:0 0;border:0;outline:0;width:100%}.top-actions{gap:10px;margin-left:auto;display:flex}.menu-button{display:none}.icon-button,.secondary-button,.primary-button,.row-actions button,.table-wrap td button{border:1px solid var(--line);background:var(--surface);color:var(--text);border-radius:9px;justify-content:center;align-items:center;gap:6px;padding:9px 13px;text-decoration:none;display:inline-flex}.icon-button{width:40px}.secondary-button:hover,.icon-button:hover{border-color:var(--primary);color:var(--primary)}.primary-button{border-color:var(--primary);background:var(--primary);color:#fff;box-shadow:0 6px 18px color-mix(in srgb,var(--primary) 23%,transparent);font-weight:700}.primary-button:hover{filter:brightness(1.08);transform:translateY(-1px)}.wide{width:100%;margin-top:9px}.content{max-width:1600px;margin:auto;padding:30px 34px 20px}.welcome{justify-content:space-between;align-items:flex-end;margin-bottom:24px;display:flex}.eyebrow{text-transform:uppercase;letter-spacing:.14em;color:var(--primary);margin:0 0 7px;font-size:10px;font-weight:800}.welcome h1,.auth-card h1{letter-spacing:-.035em;margin:0;font-size:30px}.welcome p:not(.eyebrow),.auth-card>p{color:var(--muted);margin:7px 0 0}.kpi-grid{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:20px;display:grid}.kpi{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:15px;padding:20px;position:relative;overflow:hidden}.kpi:before{content:"";background:var(--primary);width:3px;position:absolute;inset:0 auto 0 0}.kpi.purple:before{background:var(--accent)}.kpi.green:before{background:#18a66d}.kpi.orange:before{background:#e68a2e}.kpi span,.kpi small,.kpi strong{display:block}.kpi span{color:var(--muted);font-size:12px;font-weight:650}.kpi strong{letter-spacing:-.04em;margin:8px 0 5px;font-size:27px}.kpi small{color:var(--muted);font-size:10px}.panel{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:15px;margin-bottom:20px;padding:20px}.panel-heading{justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px;display:flex}.panel-heading.compact{margin-top:24px}.panel-heading h2,.panel-heading h3{margin:0;font-size:18px}.panel-heading p{color:var(--muted);margin:5px 0 0;font-size:12px}.button-row{flex-wrap:wrap;gap:8px;display:flex}.file-button{cursor:pointer}.file-button input{display:none}.table-wrap{overflow:auto}.table-wrap table{border-collapse:collapse;width:100%;min-width:820px}.table-wrap th{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;text-align:left;border-bottom:1px solid var(--line);padding:10px;font-size:9px}.table-wrap td{border-bottom:1px solid var(--line);padding:13px 10px;font-size:12px}.table-wrap tbody tr{cursor:pointer}.table-wrap tbody tr:hover{background:var(--surface-2)}.table-wrap td strong,.table-wrap td small{display:block}.table-wrap td small{color:var(--muted);margin-top:4px;font-size:10px}.days-pill,.role-pill{background:var(--surface-2);text-transform:capitalize;border-radius:20px;padding:4px 8px;font-size:10px;display:inline-block}.days-pill.urgent{color:#be2735;background:#ffe7e8}.days-pill.soon{color:#9a5d0a;background:#fff1d9}.days-pill.safe{color:#137550;background:#e3f8ef}.row-actions{gap:5px;display:flex}.row-actions button,.table-wrap td button{padding:5px 8px;font-size:10px}.empty-state{text-align:center;color:var(--muted);padding:35px}.server-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.server-card{border:1px solid var(--line);background:var(--surface);border-radius:14px;min-width:0;padding:18px}.server-title{align-items:center;gap:11px;display:flex}.server-title>div{min-width:0}.server-title h3{margin:0;font-size:15px}.server-title p{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;margin:4px 0 0;font-size:10px;overflow:hidden}.server-title .role-pill{margin-left:auto}.server-status.offline{background:#ef4444;box-shadow:0 0 0 5px #ef44441a}.metric-row{grid-template-columns:repeat(3,1fr);gap:10px;margin:18px 0;display:grid}.metric-row>div{background:var(--surface-2);border-radius:10px;padding:10px}.metric-row span,.metric-row strong{display:block}.metric-row span{color:var(--muted);font-size:9px}.metric-row strong{margin:5px 0;font-size:16px}.metric-row i{background:var(--line);border-radius:5px;height:4px;display:block;overflow:hidden}.metric-row i b{background:linear-gradient(90deg,var(--primary),var(--accent));border-radius:5px;height:100%;display:block}.server-meta{color:var(--muted);flex-wrap:wrap;gap:12px;font-size:9px;display:flex}.server-meta b{color:var(--text);margin-left:3px}.server-card h4{margin:18px 0 8px;font-size:11px}.disk-list{gap:7px;display:grid}.disk-list>div{background:var(--surface-2);border-radius:7px;justify-content:space-between;padding:8px;font-size:9px;display:flex}.disk-list small{color:var(--muted)}.proxy-count{color:var(--muted);margin:12px 0 0;font-size:9px}.alert-list{gap:10px;display:grid}.alert-list article{border:1px solid var(--line);border-radius:12px;align-items:center;gap:13px;padding:14px;display:flex}.alert-list article.resolved{opacity:.5}.alert-list article>div{flex:1}.alert-list p{color:var(--muted);margin:4px 0;font-size:11px}.alert-list small{color:var(--muted);font-size:9px}.severity{color:#b76c00;background:#fff0d9;border-radius:10px;place-items:center;width:34px;height:34px;font-weight:900;display:grid}.severity.critical{color:#c6293a;background:#ffe5e8}.user-grid{gap:9px;display:grid}.user-grid article{border:1px solid var(--line);border-radius:11px;align-items:center;gap:12px;padding:11px;display:flex}.user-grid article>div:nth-child(2){flex:1}.user-grid p{color:var(--muted);margin:3px 0;font-size:10px}.user-grid button{color:var(--primary);background:0 0;border:0}.settings-grid{grid-template-columns:1.35fr 1fr;gap:20px;display:grid}.upload-grid{grid-template-columns:repeat(2,1fr);gap:9px;margin-top:18px;display:grid}.upload-box{border:1px dashed var(--line);color:var(--muted);cursor:pointer;border-radius:9px;padding:13px;font-size:11px}.upload-box input{width:100%;margin-top:8px;font-size:9px;display:block}.connection{background:var(--surface-2);border-radius:8px;justify-content:space-between;padding:10px;font-size:11px;display:flex}.connection span{color:var(--muted)}hr{border:0;border-top:1px solid var(--line);margin:22px 0}footer{color:var(--muted);justify-content:space-between;padding:10px 0;font-size:9px;display:flex}.modal-backdrop{z-index:100;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#040914ab;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal{background:var(--surface);border:1px solid var(--line);border-radius:18px;width:min(590px,96vw);max-height:90vh;padding:27px;position:relative;overflow:auto;box-shadow:0 25px 80px #00000059}.modal.wide{width:min(1100px,96vw)}.modal-close{color:var(--muted);background:0 0;border:0;font-size:24px;position:absolute;top:14px;right:16px}.modal h2{margin:0 0 7px;font-size:24px}.modal>p:not(.eyebrow){color:var(--muted);font-size:12px}.modal form{gap:13px;margin-top:18px;display:grid}.form-grid{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}label{color:var(--muted);gap:6px;font-size:10px;font-weight:700;display:grid}input,select,textarea{border:1px solid var(--line);background:var(--surface-2);width:100%;color:var(--text);border-radius:9px;outline:none;padding:10px}input:focus,select:focus,textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 12%,transparent)}textarea{resize:vertical;min-height:80px}.check{align-items:center;gap:8px;display:flex}.check input{width:auto}details{border:1px solid var(--line);border-radius:10px;padding:12px}summary{cursor:pointer;color:var(--primary);font-size:11px;font-weight:700}details .form-grid{margin-top:12px}.command{white-space:pre-wrap;word-break:break-all;color:#a7f3d0;background:#07101f;border-radius:10px;padding:14px;font-size:10px;line-height:1.6}.detail-grid{grid-template-columns:repeat(3,1fr);gap:10px;margin:20px 0;display:grid}.detail-grid span{background:var(--surface-2);color:var(--muted);border-radius:9px;padding:11px;font-size:9px}.detail-grid b{color:var(--text);margin-top:5px;font-size:12px;display:block}.dns-list{gap:6px;max-height:250px;display:grid;overflow:auto}.dns-list code{background:var(--surface-2);border-radius:7px;padding:9px;font-size:10px}.toast{color:#fff;z-index:200;box-shadow:var(--shadow);background:#10203c;border-radius:10px;padding:12px 17px;font-size:11px;position:fixed;bottom:24px;right:24px}.form-error{color:#b62939;background:#ffe6e8;border-radius:8px;padding:10px;font-size:11px}.auth-page{background:radial-gradient(circle at 15% 10%,color-mix(in srgb,var(--primary) 20%,transparent),transparent 40%),#081020;background-position:50%;background-size:cover;place-items:center;min-height:100vh;padding:24px;display:grid}.auth-card{background:color-mix(in srgb,var(--surface) 96%,transparent);border:1px solid var(--line);border-radius:20px;width:min(430px,94vw);padding:34px;box-shadow:0 30px 100px #0006}.auth-card form{gap:13px;margin-top:23px;display:grid}.auth-mark{margin-bottom:23px}.login-logo{object-fit:contain;max-width:180px;max-height:72px;margin-bottom:24px;display:block}@media (max-width:1100px){.kpi-grid{grid-template-columns:repeat(2,1fr)}.settings-grid,.server-grid{grid-template-columns:1fr}}@media (max-width:760px){.sidebar{transition:all .2s;transform:translate(-100%)}.sidebar.open{transform:none;box-shadow:20px 0 50px #0000004d}.mobile-close{color:#fff;background:0 0;border:0;font-size:24px;display:block;position:absolute;top:10px;right:12px}.menu-button{color:var(--text);background:0 0;border:0;font-size:20px;display:block}main{margin-left:0}.topbar{padding:0 15px}.topbar .primary-button{display:none}.search{flex:1;width:auto}.content{padding:22px 15px}.welcome{align-items:flex-start;gap:12px}.welcome h1{font-size:24px}.kpi-grid{grid-template-columns:1fr}.panel{padding:14px}.panel-heading{flex-direction:column;align-items:flex-start}.server-grid,.form-grid,.detail-grid,.upload-grid{grid-template-columns:1fr}footer{flex-direction:column;gap:5px}.modal{padding:22px 17px}}.app-shell,.auth-page{font-family:var(--font),system-ui,sans-serif;font-size:var(--base-size)}.app-shell button,.app-shell input,.app-shell select,.app-shell textarea,.auth-page button,.auth-page input{font-family:inherit}.eyebrow{color:var(--accent)}.sidebar nav button.active{background:color-mix(in srgb,var(--accent) 24%,#142039)}.sidebar nav button.active:before{background:var(--accent)}.table-wrap td{font-size:.8rem}.table-wrap th{font-size:.63rem}.panel-heading p,.welcome p:not(.eyebrow){font-size:.8rem}.modal>p:not(.eyebrow),label{font-size:.72rem}.welcome h1{font-size:2rem}.modal h2{font-size:1.6rem}.sort-select{background:var(--surface);width:auto;min-width:135px;padding:9px 12px;font-size:.76rem}.table-title{align-items:center;gap:8px;margin:12px 0;font-size:.9rem;display:flex}.table-title span{background:var(--surface-2);color:var(--muted);border-radius:20px;padding:3px 8px;font-size:.65rem}.table-title.lower{margin-top:28px}.danger-text{color:var(--danger)!important}.avatar.image{object-fit:cover}.server-card.tile{cursor:pointer;transition:all .18s}.server-card.tile:hover{border-color:var(--primary);box-shadow:var(--shadow);transform:translateY(-2px)}.server-icon{object-fit:cover;border-radius:10px;width:38px;height:38px}.tile-stats{grid-template-columns:repeat(3,1fr);gap:8px;margin-top:15px;display:grid}.tile-stats span{background:var(--surface-2);color:var(--muted);border-radius:8px;padding:9px;font-size:.65rem}.tile-stats b{color:var(--text);margin-top:3px;font-size:.85rem;display:block}.more-menu{border:0;margin-left:3px;padding:0;position:relative}.more-menu summary{width:30px;height:30px;color:var(--text);border-radius:8px;place-items:center;font-size:1.3rem;list-style:none;display:grid}.more-menu summary::-webkit-details-marker{display:none}.more-menu[open] summary{background:var(--surface-2)}.more-menu>div{z-index:20;background:var(--surface);border:1px solid var(--line);min-width:120px;box-shadow:var(--shadow);border-radius:10px;padding:6px;display:grid;position:absolute;top:34px;right:0}.more-menu button{color:var(--text);text-align:left;background:0 0;border:0;border-radius:6px;padding:8px}.more-menu button:hover{background:var(--surface-2)}.live-strip{background:color-mix(in srgb,var(--success) 10%,var(--surface-2));border:1px solid color-mix(in srgb,var(--success) 25%,var(--line));border-radius:11px;align-items:center;gap:9px;margin-bottom:15px;padding:11px 14px;display:flex}.live-strip b{letter-spacing:.08em;font-size:.75rem}.live-strip small{color:var(--muted);margin-left:auto}.live-kpis{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.live-kpis>div{background:var(--surface-2);border-radius:12px;padding:16px}.live-kpis span,.live-kpis strong{display:block}.live-kpis span{color:var(--muted);font-size:.65rem}.live-kpis strong{margin:7px 0;font-size:1.35rem}.live-kpis i{background:var(--line);border-radius:4px;height:5px;display:block;overflow:hidden}.live-kpis i b{background:linear-gradient(90deg,var(--primary),var(--accent));height:100%}.status-chip{border-radius:20px;padding:8px 12px;font-size:.7rem;font-weight:700}.status-chip.online{color:#137550;background:#e3f8ef}.status-chip.offline{color:#be2735;background:#ffe7e8}.telemetry-chart{background:var(--surface-2);border-radius:12px;margin:14px 0;padding:15px}.telemetry-chart>div:first-child{justify-content:space-between;display:flex}.telemetry-chart small{color:var(--muted)}.bars{align-items:flex-end;gap:2px;height:100px;margin-top:12px;display:flex}.bars i{background:linear-gradient(var(--accent),var(--primary));border-radius:3px 3px 0 0;flex:1;min-width:2px}.disk-list.detailed>div{grid-template-columns:minmax(150px,.8fr) 1.5fr auto;align-items:center;gap:15px;padding:12px;display:grid}.disk-list.detailed span b,.disk-list.detailed span small{display:block}.disk-bar{background:var(--line);border-radius:5px;height:7px;overflow:hidden}.disk-bar i{background:linear-gradient(90deg,var(--primary),var(--accent));height:100%;display:block}.proxy-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.proxy-grid code{background:var(--surface-2);text-overflow:ellipsis;border-radius:8px;padding:10px;overflow:hidden}.profile-photo{object-fit:cover;border-radius:20px;width:86px;height:86px;margin:5px 0 16px}.profile-photo.fallback{background:linear-gradient(145deg,var(--primary),var(--accent));color:#fff;place-items:center;font-size:2rem;font-weight:800;display:grid}.connection{align-items:center}.connection>span b,.connection>span small{display:block}.connection>span small{margin-top:3px}.connection button{background:0 0;border:0}.user-grid article .row-actions{margin-left:8px}@media (max-width:760px){.live-kpis{grid-template-columns:repeat(2,1fr)}.disk-list.detailed>div,.proxy-grid{grid-template-columns:1fr}.live-strip{flex-wrap:wrap;align-items:flex-start}.live-strip small{width:100%;margin-left:0}.user-grid article{flex-wrap:wrap;align-items:flex-start}.user-grid article .row-actions{width:100%;margin-left:46px}}