:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--bg:#050607;--panel:#0d0f11;--panel2:#111317;--line:#24272d;--red:#e50914;--red2:#8e0710;--text:#f4f4f5;--muted:#8b9199;--green:#23c979}
*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 80% -10%,rgba(229,9,20,.11),transparent 28%),#060708;color:var(--text);min-height:100vh}a{color:inherit;text-decoration:none}
.sidebar{position:fixed;left:0;top:0;bottom:0;width:245px;background:#090a0c;border-right:1px solid #1d2025;padding:22px 14px;display:flex;flex-direction:column;z-index:30}
.logo{display:flex;align-items:center;gap:11px;padding:0 7px 22px}.logo-mark{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;background:linear-gradient(145deg,#f1121d,#8b050c);font-weight:900;box-shadow:0 8px 24px rgba(229,9,20,.18)}.logo strong,.logo small{display:block}.logo small{color:#737981;font-size:12px;margin-top:2px}
.side-nav{display:grid;gap:5px}.side-nav a{display:flex;gap:12px;align-items:center;padding:11px 12px;border-radius:10px;color:#9298a0;font-size:14px}.side-nav a:hover{background:#111317;color:#fff}.side-nav a.active{background:linear-gradient(90deg,#2a0b0e,#161012);color:#fff;border:1px solid #3c1519;box-shadow:inset 3px 0 0 var(--red)}.logout-form{margin-top:auto}.wide{width:100%}
.app-shell{margin-left:245px;min-height:100vh}.topbar{height:86px;border-bottom:1px solid #1f2227;display:flex;align-items:center;justify-content:space-between;padding:0 28px;background:rgba(7,8,10,.83);backdrop-filter:blur(12px);position:sticky;top:0;z-index:20}.topbar h1{margin:2px 0 0;font-size:25px}.topbar p{margin:0}.top-actions{display:flex;align-items:center;gap:8px;color:#a7adb5;font-size:13px}.live-dot{width:8px;height:8px;background:var(--green);border-radius:50%;box-shadow:0 0 12px rgba(35,201,121,.7)}
main{padding:24px 28px 50px;max-width:1600px}.eyebrow{font-size:10px;letter-spacing:1.7px;color:#d84b54;font-weight:800}.muted{color:var(--muted)}.card{background:linear-gradient(180deg,#111317,#0c0e10);border:1px solid var(--line);border-radius:16px;padding:19px;box-shadow:0 16px 40px rgba(0,0,0,.18)}.card h2{margin-top:0}
.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.metric{position:relative;overflow:hidden}.metric:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:linear-gradient(var(--red),#4a080d)}.metric>span{display:block;color:#8e949c;font-size:12px;text-transform:uppercase;letter-spacing:1px}.metric b{display:block;font-size:31px;margin-top:8px}.metric small{color:#777d85}
.two{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:14px}.mt{margin-top:14px}.section-head{display:flex;justify-content:space-between;align-items:center;gap:10px}.section-head h2{margin:3px 0 14px}.mini-link{font-size:12px;color:#d96068}.rows{display:grid;gap:8px}.row{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:10px 11px;border:1px solid #23262b;background:#090b0d;border-radius:10px}.row.flat{padding:0;border:0;background:transparent}.row strong{display:block;font-size:13px}.row span,.row small{display:block;color:#7f858e;font-size:12px;margin-top:3px}.right{text-align:right}.status{padding:4px 7px;border-radius:99px;font-size:11px!important;border:1px solid #3a3d43}.status.online{background:#0a1e15;color:#58dfa2;border-color:#194d37}.status.offline{background:#210b0e;color:#ff7f88;border-color:#602028}.projects{display:grid;gap:8px}.project{display:flex;justify-content:space-between;align-items:center;padding:11px;border:1px solid #23262b;border-radius:10px;background:#090b0d}.project span{display:block;color:#7f858e;font-size:12px;margin-top:3px}.project b{color:#d8404a}.audit{display:grid;gap:8px}.audit div{padding:10px 11px;border:1px solid #23262b;border-radius:10px;background:#090b0d}.audit b{color:#ef5963;font-size:13px}.audit span,.audit small{display:block;color:#7e848c;font-size:11px;margin-top:3px}
input,button{font:inherit;border-radius:10px;border:1px solid #30343a;padding:11px 12px;background:#080a0c;color:#fff;outline:none}input:focus{border-color:#8c1a22;box-shadow:0 0 0 3px rgba(229,9,20,.08)}button{background:linear-gradient(180deg,#e50914,#a9060e);border-color:#d70b14;font-weight:800;cursor:pointer}.ghost{background:#111317;border-color:#30343a;color:#ddd}.stack{display:grid;gap:9px}.stack label{display:grid;gap:6px;color:#a8adb4;font-size:13px}
.site-grid,.container-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.site-card,.container-card{padding:15px;border:1px solid #24272d;border-radius:13px;background:#090b0d}.site-card:hover{border-color:#5f2328}.site-top,.container-head{display:flex;align-items:center;justify-content:space-between;gap:9px}.site-top{justify-content:flex-start}.status-dot{width:9px;height:9px;border-radius:50%;display:inline-block}.status-dot.online{background:var(--green);box-shadow:0 0 10px rgba(35,201,121,.55)}.status-dot.offline{background:#ef3643}.site-card>span,.site-card>small,.container-card p,.container-card small{display:block;color:#858b93;font-size:12px;margin-top:7px}.site-meta{display:flex;justify-content:space-between;margin-top:14px;color:#b9bec5}.site-meta b{color:#fff}.pill{font-size:11px;color:#a9afb7;padding:4px 7px;border:1px solid #343840;border-radius:99px}
.disk-row{padding:12px;border:1px solid #23262b;background:#090b0d;border-radius:10px}.bar{height:7px;background:#1e2125;border-radius:99px;margin:10px 0;overflow:hidden}.bar i{display:block;height:100%;background:linear-gradient(90deg,#79070f,var(--red));border-radius:99px}.table{display:grid}.tr{display:grid;grid-template-columns:130px 1fr 100px 100px;gap:12px;padding:9px 6px;border-bottom:1px solid #202329;font-size:13px}.tr.th{color:#727881;font-size:10px;text-transform:uppercase;letter-spacing:.9px}.tr strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.backup-table .tr{grid-template-columns:180px 1fr 120px 100px}
.log-layout{display:grid;grid-template-columns:280px 1fr;gap:14px}.log-files{display:grid;align-content:start;gap:6px}.log-files a{padding:8px 9px;border:1px solid #23262b;border-radius:8px;background:#090b0d;font-size:12px}.log-output{max-height:70vh;overflow:auto;background:#050607;border:1px solid #24272c;border-radius:10px;padding:14px;color:#c7cbd0;font:12px/1.55 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;white-space:pre-wrap}.filelist div{display:flex;justify-content:space-between;gap:10px;padding:11px;border:1px solid #23262b;border-radius:9px;margin-top:7px;background:#090b0d}.filelist span{color:#747a83;font-size:12px}.security-cards .card h2{margin:7px 0 0}.kicker{color:#7b8189;font-size:11px;letter-spacing:1px}.chips{display:flex;flex-wrap:wrap;gap:8px}.chips span{padding:7px 9px;background:#090b0d;border:1px solid #26292f;border-radius:8px;color:#a8aeb5;font-size:12px}
.login-body{display:grid;place-items:center}.login-wrap{width:min(430px,92vw)}.login-brand{display:flex;align-items:center;gap:10px;margin-bottom:14px}.login-brand strong,.login-brand small{display:block}.login-brand small{color:#747a82}.login-card h1{margin:5px 0 18px}.error{background:#350d11;color:#ffc0c5;border:1px solid #6a1b21;padding:10px;border-radius:8px;margin-bottom:10px}
@media(max-width:1100px){.site-grid,.container-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:900px){.sidebar{width:76px}.logo>div,.side-nav span{display:none}.logo{justify-content:center}.side-nav a{justify-content:center;font-size:17px}.app-shell{margin-left:76px}.grid{grid-template-columns:repeat(2,1fr)}.two{grid-template-columns:1fr}.log-layout{grid-template-columns:1fr}}
@media(max-width:600px){.sidebar{position:static;width:auto;height:auto;display:block}.logo{justify-content:flex-start}.logo>div{display:block}.side-nav{display:flex;overflow:auto}.side-nav a{min-width:54px}.app-shell{margin-left:0}.topbar{padding:0 14px}main{padding:16px 12px 35px}.grid,.site-grid,.container-grid{grid-template-columns:1fr}.tr,.backup-table .tr{grid-template-columns:70px 1fr 60px 60px}}
.chart-wrap{height:270px;padding:10px 0 0}.chart-wrap svg{width:100%;height:100%;overflow:visible}.chart-line{fill:none;stroke-width:3;vector-effect:non-scaling-stroke}.chart-line.cpu{stroke:#e50914}.chart-line.ram{stroke:#b35cff}.chart-line.disk{stroke:#4da3ff}.gridline{stroke:#25282e;stroke-width:1;vector-effect:non-scaling-stroke}.chart-legend{display:flex;gap:18px;justify-content:flex-end;color:#9298a0;font-size:12px}.chart-legend span{display:flex;align-items:center;gap:6px}.chart-legend i{width:9px;height:9px;border-radius:50%}.c-cpu{background:#e50914}.c-ram{background:#b35cff}.c-disk{background:#4da3ff}
.qr-box{text-align:center;background:#fff;color:#111;border-radius:14px;padding:18px;max-width:420px}.qr-box img{width:min(280px,100%);height:auto;image-rendering:pixelated}.qr-box p{margin:10px 0 5px}.qr-box small{color:#555}
.login-tabs{display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:5px;background:#080a0c;border:1px solid #24272d;border-radius:11px;margin-bottom:16px}.login-tabs .tab{background:transparent;border:0;color:#8f959d;box-shadow:none}.login-tabs .tab.active{background:#191012;color:#fff;border:1px solid #4a171b}.login-panel{display:none}.login-panel.active{display:block}.qr-login-box{text-align:center}.qr-login-box img{display:block;width:min(300px,100%);margin:8px auto 12px;border-radius:14px;background:#fff;padding:12px}.qr-status{padding:10px;border:1px solid #2c3036;background:#090b0d;border-radius:9px;margin:12px 0;color:#b6bbc2}.success-box{padding:12px;border-radius:10px;background:#0a2117;border:1px solid #1d5c40;color:#76e5b3}.button-link{display:block;text-align:center;padding:11px 12px;border-radius:10px;background:linear-gradient(180deg,#e50914,#a9060e);font-weight:800}.small-note{font-size:12px;text-align:center;margin-top:12px}