:root{color:#eaf0f8;font-synthesis:none;background:#07101d;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 100% 0,#1c6eff29,#0000 28rem),#07101d;min-width:320px;margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}.shell{grid-template-columns:250px 1fr;min-height:100vh;display:grid}.sidebar{background:linear-gradient(#0a1626,#07101d);border-right:1px solid #1d2a3c;height:100vh;padding:28px 18px;position:sticky;top:0}.brand{align-items:center;gap:12px;margin:2px 8px 32px;display:flex}.logo{color:#fff;background:linear-gradient(135deg,#2778ff,#00c6ad);border-radius:11px;place-items:center;width:38px;height:38px;font-weight:900;display:grid}.brand strong{font-size:17px;display:block}.brand span{color:#75869e;font-size:12px}.nav{gap:6px;display:grid}.nav button{color:#8fa1ba;text-align:left;background:0 0;border:0;border-radius:10px;width:100%;padding:12px 14px}.nav button:hover{color:#fff;background:#101f32}.nav button.active{color:#fff;background:#142842}.sidebar-bottom{position:absolute;bottom:22px;left:18px;right:18px}.logout{color:#9cadc4;background:0 0;border:1px solid #29394e;border-radius:9px;width:100%;padding:10px}.content{min-width:0;padding:30px 34px 60px}.topbar{justify-content:space-between;align-items:center;margin-bottom:28px;display:flex}.topbar h1{margin:0 0 5px;font-size:26px}.muted{color:#8091aa}.health{color:#9eb0c8;align-items:center;gap:8px;font-size:13px;display:flex}.health-dot{background:#21d49a;border-radius:50%;width:8px;height:8px;box-shadow:0 0 12px #21d49a}.cards{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:18px;display:grid}.card{background:linear-gradient(145deg,#12243beb,#0b192af0);border:1px solid #21314a;border-radius:15px;padding:19px}.card-label{color:#8294ad;text-transform:uppercase;letter-spacing:.07em;font-size:12px}.card-value{margin-top:8px;font-size:28px;font-weight:720}.card-sub{color:#73859e;margin-top:5px;font-size:12px}.panel{background:#0c1a2cdb;border:1px solid #21314a;border-radius:15px;margin-bottom:18px;overflow:hidden}.panel-head{border-bottom:1px solid #203049;justify-content:space-between;align-items:center;padding:17px 19px;display:flex}.panel-head h2{margin:0;font-size:16px}.panel-body{padding:18px}table{border-collapse:collapse;width:100%}th,td{text-align:left;white-space:nowrap;border-bottom:1px solid #1b2a40;padding:13px 15px}th{color:#71849f;letter-spacing:.05em;text-transform:uppercase;font-size:11px;font-weight:650}td{color:#c7d2e2;font-size:13px}.table-wrap{overflow-x:auto}.badge{color:#9fb0c5;background:#101d2e;border:1px solid #2c425d;border-radius:999px;align-items:center;padding:4px 9px;font-size:11px;display:inline-flex}.badge.success,.badge.active{color:#7eecc9;background:#34d39914;border-color:#34d3994d}.badge.pending{color:#ffd481;background:#fbbf2414;border-color:#fbbf244d}.badge.failed,.badge.disabled,.badge.suspended{color:#ff9b9b;background:#f8717114;border-color:#f871714d}.btn{color:#fff;background:#174a91;border:1px solid #315485;border-radius:9px;padding:9px 14px;font-size:13px;font-weight:650}.btn:hover{background:#1c59ad}.btn.secondary{background:#13243a;border-color:#2b3e58}.btn.danger{background:#4a2027;border-color:#73404a}.btn.small{padding:6px 10px;font-size:11px}.toolbar{flex-wrap:wrap;gap:9px;display:flex}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.field{gap:6px;display:grid}.field.full{grid-column:1/-1}.field label{color:#8ca0ba;font-size:12px}input,select,textarea{color:#eaf0f8;background:#091625;border:1px solid #2a3c55;border-radius:9px;outline:none;width:100%;padding:11px 12px}input:focus,select:focus,textarea:focus{border-color:#3c81e8}select option{background:#0a1726}.form-actions{grid-column:1/-1;justify-content:flex-end;margin-top:5px;display:flex}.notice{color:#9eb1c8;background:#0e2238;border:1px solid #26425f;border-radius:9px;margin-bottom:16px;padding:12px 14px;font-size:12px}.error{color:#ffb4b4;background:#37191e;border-color:#7d343d}.success-message{color:#91e8c9;background:#112e26;border-color:#285847}.split{grid-template-columns:1.3fr .7fr;gap:18px;display:grid}.modal-backdrop{z-index:30;background:#010810c7;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal{background:#0d1c2e;border:1px solid #2d425e;border-radius:16px;width:min(650px,100%);max-height:88vh;overflow:auto;box-shadow:0 30px 100px #000a}.modal-head{border-bottom:1px solid #21334c;justify-content:space-between;align-items:center;padding:18px 20px;display:flex}.modal-head h3{margin:0}.modal-body{padding:20px}.close{color:#899bb3;background:0 0;border:0;font-size:23px}.login{place-items:center;min-height:100vh;padding:22px;display:grid}.login-card{background:#0d1c2e;border:1px solid #263b58;border-radius:18px;width:min(420px,100%);padding:28px;box-shadow:0 30px 90px #0007}.login-brand{margin-bottom:28px}.login-brand h1{margin:12px 0 5px;font-size:24px}.login-brand p{color:#7e90a9;margin:0}.login-card .btn{width:100%;margin-top:15px}.key-box{overflow-wrap:anywhere;word-break:break-all;background:#07121f;border:1px dashed #36506e;border-radius:9px;margin:12px 0;padding:12px;font-family:monospace;font-size:12px}.placeholder{color:#667990;font-style:italic}.clickable{cursor:pointer}.clickable:hover td{background:#2853871f}@media (width<=1050px){.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.split{grid-template-columns:1fr}}@media (width<=760px){.shell{grid-template-columns:1fr}.sidebar{height:auto;padding:16px;position:relative}.brand{margin-bottom:14px}.nav{display:flex;overflow-x:auto}.nav button{white-space:nowrap;width:auto}.sidebar-bottom{display:none}.content{padding:22px 16px 50px}.cards,.form-grid{grid-template-columns:1fr}}.nav-parent{justify-content:space-between;align-items:center;display:flex!important}.nav-parent.active{color:#fff}.nav-caret{color:#6f85a3;font-size:18px;line-height:1}.subnav{border-left:1px solid #24364f;gap:3px;margin:0 0 5px 9px;padding-left:12px;display:grid}.subnav button{color:#71849d;border-radius:8px;padding:8px 12px;font-size:12px}.subnav button:hover{color:#dbe7f6;background:#0e1e31}.subnav button.active{color:#8fc2ff;background:#112b48}@media (width<=760px){.nav{display:grid;overflow:visible}.nav>button{width:100%}.subnav{margin-left:17px}}