:root{--bg:#090d12;--bg2:#0d131b;--panel:#111923;--panel2:#151f2b;--line:#243140;--text:#f3f6fa;--muted:#8fa0b3;--accent:#7c9cff;--accent2:#6be6c1;--warn:#ffc96b;--danger:#ff7b8d;--shadow:0 22px 60px rgba(0,0,0,.35)}*{box-sizing:border-box}html,body{margin:0;background:radial-gradient(circle at 20% 0,#121d2b 0,transparent 30%),var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif}button,input,select,textarea{font:inherit}.app-shell{min-height:100vh;display:grid;grid-template-columns:240px 1fr}.sidebar{position:sticky;top:0;height:100vh;padding:24px 18px;border-right:1px solid var(--line);background:rgba(9,13,18,.88);backdrop-filter:blur(16px);display:flex;flex-direction:column}.brand{display:flex;gap:12px;align-items:center;margin-bottom:30px}.brand small{display:block;color:var(--muted);margin-top:2px}.brand-mark{width:52px;height:52px;border-radius:16px;display:grid;place-items:center;background:linear-gradient(135deg,var(--accent),#9a7cff);box-shadow:0 12px 30px rgba(124,156,255,.25);font-weight:800}.brand-mark.small{width:40px;height:40px;border-radius:12px}.sidebar nav{display:grid;gap:8px}.nav-item{border:0;background:transparent;color:var(--muted);padding:12px 14px;border-radius:12px;text-align:left;cursor:pointer}.nav-item.active,.nav-item:hover{background:#16202c;color:#fff}.sidebar-foot{margin-top:auto;display:flex;justify-content:space-between;color:var(--muted);font-size:14px}.sidebar-foot a{color:var(--muted)}.main{padding:30px;max-width:1600px;width:100%;margin:0 auto}.topbar{display:flex;justify-content:space-between;align-items:end;margin-bottom:22px}.topbar h1{font-size:34px;margin:2px 0 0}.eyebrow{text-transform:uppercase;letter-spacing:.16em;font-size:11px;color:var(--accent2);margin:0}.top-actions{display:flex;gap:10px}.btn{border:1px solid var(--line);padding:10px 14px;border-radius:12px;color:#fff;background:#151f2b;cursor:pointer}.btn.primary{background:linear-gradient(135deg,var(--accent),#7b72ff);border-color:transparent}.btn.ghost:hover{background:#1b2734}.alert{padding:13px 15px;border:1px solid var(--line);border-radius:14px;margin-bottom:16px}.alert.warning{background:rgba(255,201,107,.08);border-color:rgba(255,201,107,.25);color:#ffe2a8}.alert.danger{background:rgba(255,123,141,.08);border-color:rgba(255,123,141,.25)}.kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:18px}.kpi,.panel{background:linear-gradient(180deg,rgba(21,31,43,.92),rgba(14,21,29,.92));border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow)}.kpi{padding:18px}.kpi span,.detail-grid span{color:var(--muted);font-size:13px}.kpi strong{display:block;font-size:28px;margin:8px 0 4px}.kpi small{color:var(--muted)}.panel{padding:18px;margin-bottom:16px}.panel-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.panel-head.compact{margin-top:24px}.panel h2,.panel h3{margin:0}.panel p{margin:5px 0 0;color:var(--muted)}.server-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.server-card{background:linear-gradient(180deg,#151f2b,#111923);border:1px solid var(--line);border-radius:16px;padding:16px;cursor:pointer;transition:.2s transform,.2s border-color}.server-card:hover{transform:translateY(-3px);border-color:#3b5270}.server-top,.server-foot,.server-meta,.server-price{display:flex;justify-content:space-between;gap:10px}.server-top strong{display:block}.server-top small{display:block;color:var(--muted);font-size:12px;margin-top:3px}.status-dot{width:8px;height:8px;background:#45df9c;border-radius:50%;display:inline-block;margin-right:7px;box-shadow:0 0 16px rgba(69,223,156,.6)}.pill,.value{font-size:11px;padding:5px 8px;border-radius:99px;background:#1d2a38;color:#b8c8d9;height:max-content}.server-price{align-items:end;margin:18px 0}.server-price strong{font-size:25px}.server-price span{color:var(--muted);font-size:12px}.metrics{display:grid;gap:10px}.metrics>div{display:grid;grid-template-columns:50px 36px 1fr;align-items:center;gap:8px;font-size:12px}.metrics span{color:var(--muted)}.metrics i{height:6px;background:#22303f;border-radius:99px;overflow:hidden}.metrics em{display:block;height:100%;background:linear-gradient(90deg,var(--accent),var(--accent2));border-radius:99px}.server-meta{margin:14px 0;color:#b5c2d0;font-size:12px}.server-card p{min-height:58px;color:var(--muted);font-size:13px;line-height:1.45}.server-foot{border-top:1px solid var(--line);padding-top:12px;align-items:center;color:var(--muted);font-size:12px}.value.good{background:rgba(107,230,193,.12);color:#9ff0d5}.value.mid{background:rgba(255,201,107,.12);color:#ffe2a8}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:16px}.list-row{display:flex;justify-content:space-between;gap:16px;padding:12px 0;border-top:1px solid var(--line)}.list-row:first-child{border-top:0}.list-row strong{display:block}.list-row small{display:block;color:var(--muted);margin-top:3px}.align-right{text-align:right}.empty{padding:20px;color:var(--muted);text-align:center}.modal,.drawer{position:fixed;inset:0;background:rgba(2,5,8,.74);backdrop-filter:blur(8px);display:none;z-index:20}.modal.open,.drawer.open{display:grid}.modal{place-items:center;padding:18px}.modal-card{width:min(720px,100%);background:#111923;border:1px solid var(--line);border-radius:20px;padding:22px;position:relative;box-shadow:var(--shadow)}.modal-close{position:absolute;right:16px;top:12px;border:0;background:transparent;color:var(--muted);font-size:28px;cursor:pointer}.modal-head h2{margin:4px 0 18px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.form-grid label,.stack label{display:grid;gap:7px;color:#cbd5e1;font-size:13px}.form-grid input,.form-grid select,.form-grid textarea,.stack input{width:100%;background:#0b1118;border:1px solid var(--line);border-radius:11px;padding:11px 12px;color:#fff;outline:none}.span-2{grid-column:span 2}.check{display:flex!important;grid-template-columns:auto 1fr!important;align-items:center}.check input{width:auto}.form-actions{display:flex;justify-content:flex-end;gap:10px}.drawer{justify-items:end}.drawer-card{height:100%;width:min(680px,96vw);background:#0f1720;border-left:1px solid var(--line);padding:26px;overflow:auto;position:relative}.muted{color:var(--muted)}.detail-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin:22px 0}.detail-grid>div{padding:13px;background:#151f2b;border:1px solid var(--line);border-radius:12px}.detail-grid strong{display:block;margin-top:5px}.assessment{background:linear-gradient(135deg,rgba(124,156,255,.10),rgba(107,230,193,.06));border:1px solid rgba(124,156,255,.22);border-radius:14px;padding:15px}.assessment>div{display:flex;justify-content:space-between;gap:12px}.assessment p{color:#cad4df}.assessment small{color:var(--muted)}.auth-body{min-height:100vh;display:grid;place-items:center;padding:20px}.auth-card{width:min(440px,100%);background:#111923;border:1px solid var(--line);border-radius:22px;padding:28px;box-shadow:var(--shadow)}.auth-card h1{margin:18px 0 8px}.auth-card p{color:var(--muted);line-height:1.5}.stack{display:grid;gap:14px;margin-top:20px}@media(max-width:1100px){.server-grid{grid-template-columns:repeat(2,1fr)}.kpis{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){.app-shell{grid-template-columns:1fr}.sidebar{height:auto;position:static;flex-direction:row;align-items:center;gap:10px;padding:12px}.sidebar nav{display:flex;margin-left:auto}.sidebar-foot,.nav-item span,.brand small{display:none}.brand{margin:0}.main{padding:18px}.topbar{align-items:flex-start;gap:12px}.top-actions{flex-wrap:wrap;justify-content:flex-end}.server-grid,.two-col,.kpis{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr}.span-2{grid-column:span 1}.detail-grid{grid-template-columns:1fr}}