:root{--bg:#09111d;--sidebar:#0c1421;--card:#121f31;--card2:#152338;--border:#27374d;--muted:#91a5bf;--text:#f3f8ff;--accent:#4b98ff;--accent2:#7cb5ff;--good:#4bd5a3;--danger:#ff858c;--shadow:0 18px 70px rgba(0,0,0,.28)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font:14px/1.5 Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--text);background:radial-gradient(ellipse 60% 40% at 68% -15%,#19335b88,transparent 70%),var(--bg)}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}button:disabled{opacity:.55;cursor:wait}input{color:var(--text);background:#101b2b;border:1px solid #35475f;border-radius:11px;padding:12px 15px;outline:0;transition:border .15s,box-shadow .15s}input:focus{border-color:#61a6ff;box-shadow:0 0 0 3px #4b98ff2d}input::placeholder{color:#7388a2}input[type=search]{width:218px}h1,h2,h3,p{margin-top:0}h1{letter-spacing:-1.4px}h2{letter-spacing:-.4px}.hidden{display:none!important}.text-muted{color:var(--muted)}.shell{min-height:100vh;display:flex}.sidebar{width:236px;flex:none;background:linear-gradient(180deg,#101a2a 0%,#0b1422 100%);border-right:1px solid #25344b;padding:28px 19px 19px;display:flex;flex-direction:column;min-height:100vh}.brand{display:flex;align-items:center;gap:12px;padding:0 10px}.brand-mark{background:linear-gradient(135deg,#3988ee,#8dc4ff);width:44px;height:44px;display:grid;place-items:center;border-radius:14px;font-size:26px;font-weight:900;color:#071524;box-shadow:0 10px 35px #247fe02a}.brand-mark span{font-size:12px;color:#d6edff;align-self:start;margin-left:-9px}.brand b{font-size:18px;letter-spacing:2px}.brand small{color:#9baec6;font-size:11px;display:block;letter-spacing:.4px}.nav-label{font-size:10px;color:#6e839f;font-weight:750;letter-spacing:1.7px;margin:58px 13px 15px}.navigation{display:grid;gap:7px}.navitem{padding:13px 14px;border-radius:12px;color:#a5b6ce;display:flex;gap:12px;align-items:center;font-weight:600}.navitem:hover,.navitem.current{background:#1b3455;color:#e7f3ff}.navitem.current{box-shadow:inset 3px 0 #5ca5ff}.navicon{font-size:19px;width:23px;text-align:center}.aside-bottom{margin-top:auto}.aside-status{border:1px solid #2a3b51;border-radius:15px;padding:14px;display:flex;align-items:center;gap:9px;background:#142237}.aside-status b{display:block;font-size:12px}.aside-status small{display:block;font-size:10px;color:#a0b3ca;margin-top:3px}.led,.eyebrow-dot{width:8px;height:8px;display:inline-block;flex:none;border-radius:50%;background:var(--good);box-shadow:0 0 0 4px #4bd5a31b}.aside-foot{display:flex;justify-content:space-between;padding:17px 10px 0;color:#677f9b;font-size:11px}.workspace{flex:1;min-width:0}.topbar{min-height:80px;padding:0 clamp(22px,4vw,64px);border-bottom:1px solid #25334a;display:flex;justify-content:space-between;align-items:center;gap:18px;background:#0e1929a6}.breadcrumbs{display:flex;align-items:center;gap:12px;color:#91a7c0;font-size:13px}.breadcrumbs strong{color:#edf3ff;font-weight:650}.crumb-sep{color:#46607e}.top-actions{display:flex;align-items:center;gap:18px}.top-server{display:inline-flex;align-items:center;gap:10px;font-size:12px;color:#adbed2}.button{border:1px solid transparent;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;border-radius:11px;padding:10px 17px;color:#f4f8ff;font-weight:650;transition:transform .12s,background .12s,border .12s;white-space:nowrap}.button:active{transform:translateY(1px)}.button.primary{background:linear-gradient(135deg,#3b88f4,#2772d5);box-shadow:0 7px 26px #2d83f431}.button.primary:hover{background:#5a9cfb}.button.outline{border-color:#3b4b60;background:#1b293d}.button.outline:hover,.button.quiet:hover{background:#273b53}.button.quiet{background:transparent;border-color:transparent;color:#c2d1e6}.button.full{width:100%}.plus{font-size:21px;line-height:14px}.content{max-width:1510px;padding:46px clamp(22px,4vw,64px) 34px;margin:auto}.eyebrow{color:#80b7ff;font-size:10px;font-weight:800;letter-spacing:1.9px;display:flex;align-items:center;gap:12px}.hero{display:flex;justify-content:space-between;align-items:center;gap:22px;margin:13px 0 30px}.hero h1{font-size:clamp(31px,3vw,43px);margin:0 0 6px;font-weight:780}.hero p{font-size:14px;color:#9db0c8;margin:0}.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:30px}.metric{border:1px solid #2c3c52;background:linear-gradient(140deg,#17253a,#111d2e);border-radius:15px;padding:19px 19px 17px;min-width:0}.metric>span{display:block;color:#a2b4c9;font-size:12px;font-weight:580}.metric-val{display:flex;align-items:center;justify-content:space-between;margin:11px 0 7px}.metric strong{font-size:33px;letter-spacing:-1px;font-weight:760;line-height:1.2}.metric strong.status-label{font-size:20px;letter-spacing:-.4px}.metric>small{font-size:11px;color:#778ea9}.metric-icon{color:#7aa8e4;font-size:26px;opacity:.8}.metric-icon.positive{color:#49d2a0}.section-card{border:1px solid #293d55;border-radius:17px;background:linear-gradient(160deg,#142337,#101c2b);overflow:hidden}.section-top{padding:22px 22px;display:flex;align-items:center;justify-content:space-between;gap:15px}.section-top h2{margin:0 0 5px;font-size:20px}.section-top p{color:#9bacbf;margin:0;font-size:12px}.section-tools{display:flex;gap:10px;align-items:center}.table-scroller{overflow:auto}table{border-collapse:collapse;width:100%;min-width:770px;text-align:left}th{background:#192c43;color:#96acc5;font-size:10px;letter-spacing:1.3px;font-weight:800}td{border-top:1px solid #2a3b50;background:#142237;color:#d9e4f1;font-size:13px}th,td{padding:15px 20px;vertical-align:middle}tbody tr:hover td{background:#192a41}.actions-head{text-align:right}.user-meta{display:flex;align-items:center;gap:11px}.avatar{height:37px;width:37px;flex:none;display:grid;place-items:center;border-radius:12px;background:#2c507d;color:#d3e9ff;font-weight:800;font-size:16px}.username{display:block;font-weight:730;color:#f3f7fe}.sub{display:block;color:#8ca1bc;font-size:11px;margin-top:2px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace}.owner{background:#234776;color:#b7d8ff;margin-left:9px}.pill{border-radius:999px;font-size:11px;font-weight:750;display:inline-flex;align-items:center;gap:7px;padding:5px 9px}.pill.on{background:#133d38;color:#85e8c5}.pill.off{background:#4a2b30;color:#ffc2c4}.pill .led{width:6px;height:6px;box-shadow:none}.buttons{display:flex;align-items:center;justify-content:flex-end;gap:7px;flex-wrap:wrap}.smallbtn{border:1px solid #3d526c;background:#1e3047;color:#d9eaff;border-radius:9px;font-size:11px;font-weight:650;padding:8px 10px;white-space:nowrap}.smallbtn:hover{background:#2c476a}.smallbtn.soft{border-color:transparent;background:transparent}.smallbtn.danger{color:#ffacb1}.smallbtn.danger:hover{background:#572934}.table-bottom{display:flex;justify-content:space-between;gap:16px;padding:13px 21px;color:#8ca1bc;font-size:11px;border-top:1px solid #293c54}.empty{color:#aabed4;text-align:center;padding:30px}.settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:20px}.settings-card{display:flex;align-items:flex-start;gap:16px;padding:22px;border:1px solid #293b52;border-radius:16px;background:#111f31}.settings-icon{background:#224367;border:1px solid #3d618a;color:#8bbdff;border-radius:12px;min-width:40px;height:40px;display:grid;place-items:center;font-size:21px}.settings-text{min-width:0}.settings-card h3{font-size:15px;margin:0 0 5px}.settings-card p{color:#93aac3;font-size:12px;margin:0 0 13px}.code-line{font-family:ui-monospace,Consolas,monospace;color:#b9d7ff;font-size:11px;overflow-wrap:anywhere}.code-line span{color:#7390b0}.footer{font-size:11px;color:#67809d;text-align:center;margin:29px 0 0}.login-card{max-width:450px;padding:36px 34px;margin:8vh auto 0;border:1px solid #304764;border-radius:20px;background:linear-gradient(140deg,#182941,#101d30);box-shadow:var(--shadow)}.login-icon{font-size:30px;margin-bottom:18px}.login-card h1{font-size:31px;margin:12px 0 6px}.login-card p{font-size:13px}.login-card form{margin-top:24px;display:grid;gap:12px}.login-card label{font-weight:650;font-size:12px}.login-note{margin-top:30px;color:#8198b5;font-size:11px;text-align:center}.form-error{color:#ff999e;font-size:12px;margin:10px 0 0;min-height:18px}.operation-bar{position:fixed;right:24px;bottom:24px;width:min(425px,calc(100vw - 35px));border:1px solid #44648b;border-radius:14px;padding:16px 17px;box-shadow:0 15px 45px #000a;display:flex;gap:13px;align-items:flex-start;background:#1b304b;z-index:50}.operation-bar strong{display:block;font-size:13px}.operation-bar small{display:block;color:#b1c4dc;margin-top:5px;font-size:11px}.operation-spinner{flex:none;height:18px;width:18px;border:2px solid #75b6ff77;border-top-color:#bde0ff;border-radius:50%;animation:spin .75s linear infinite;margin-top:2px}.operation-spinner.done{border:none;animation:none;width:20px;height:20px;color:#79e7b8}.operation-spinner.done:before{content:'✓';font-size:18px}.operation-spinner.error{border:none;animation:none;color:#ff9d9d}.operation-spinner.error:before{content:'!';font-size:18px;font-weight:bold}.operation-dismiss{border:0;background:transparent;font-size:23px;line-height:15px;color:#a9c6e6;margin-left:auto}.operation-bar.ok{border-color:#347b68}.operation-bar.failed{border-color:#a65b67}dialog{width:min(480px,calc(100vw - 24px));max-height:90vh;overflow:auto;padding:28px;border-radius:19px;border:1px solid #476183;background:#17273c;color:#f5f9ff;box-shadow:0 25px 95px #000d}dialog::backdrop{background:#020812bc;backdrop-filter:blur(4px)}.modal-top{display:flex;gap:15px;align-items:flex-start;margin-bottom:20px}.modal-icon{min-width:43px;height:43px;border-radius:12px;background:#2a4b77;color:#d6e9ff;font-size:24px;display:grid;place-items:center}.modal-top h2{margin:0 0 5px;font-size:22px;letter-spacing:-.5px}.modal-top p{color:#afc2d8;font-size:12px;line-height:1.65;margin:0}.modal-fields{display:grid;gap:9px}.modal-fields label{font-size:12px;font-weight:650;color:#d8e5f5}.modal-fields input{width:100%;margin-bottom:10px}.modal-fields textarea{width:100%;resize:vertical;background:#0f1c2d;color:#dcefff;padding:12px;border:1px solid #4b6380;border-radius:10px;font:11px/1.5 ui-monospace,monospace;overflow-wrap:anywhere}.modal-actions{display:flex;gap:9px;justify-content:flex-end;margin-top:24px}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:1080px){.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.settings-grid{grid-template-columns:1fr}.sidebar{width:200px}}@media(max-width:730px){.shell{display:block}.sidebar{position:relative;width:100%;min-height:unset;flex-direction:row;align-items:center;justify-content:space-between;padding:13px 16px;border-right:0;border-bottom:1px solid #293b53}.brand-mark{width:34px;height:34px;font-size:20px}.brand b{font-size:15px}.brand small{font-size:9px}.nav-label,.navigation,.aside-bottom{display:none}.topbar{padding:12px 18px;min-height:55px}.breadcrumbs{font-size:11px}.top-server{display:none}.content{padding:28px 16px}.hero{align-items:flex-start;flex-direction:column}.hero h1{font-size:32px}.hero .button{width:100%}.metrics{gap:10px}.metric{padding:14px}.metric strong{font-size:29px}.metric strong.status-label{font-size:17px}.section-top{align-items:flex-start;flex-direction:column}.section-tools{width:100%}.section-tools input{flex:1;width:1px}.settings-card{padding:16px}.table-bottom{display:block}.table-bottom span{display:block;margin:3px 0}.operation-bar{right:12px;bottom:12px}}