:root{font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;color:#e8eaf3;background:#0d1017;font-synthesis:none;font-size:14px}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{opacity:.45;cursor:not-allowed}a{color:#d1b2ff;text-decoration:none}a:hover{text-decoration:underline}
.layout{display:flex;min-height:100vh}.sidebar{position:sticky;top:0;width:259px;flex-shrink:0;height:100vh;background:#10121b;border-right:1px solid #292b3b;display:flex;flex-direction:column;padding:25px 13px 16px;overflow-y:auto}.logo{display:flex;gap:12px;align-items:center;padding:7px 13px 25px}.mark{width:41px;height:41px;border:2px solid #e4a359;border-radius:13px;background:linear-gradient(145deg,#373049,#161725);display:grid;place-items:center;font-family:Georgia,serif;font-size:28px;color:#edc38f}.logo-name{font-size:17px;font-weight:800;letter-spacing:-.7px}.logo-desc{font-size:10px;color:#8c90a6;letter-spacing:1.35px;text-transform:uppercase;margin-top:3px}.nav-section{font-size:10px;font-weight:700;color:#777d96;letter-spacing:1.6px;margin:18px 14px 7px}.nav-item{display:flex;align-items:center;gap:12px;width:100%;border:0;border-radius:10px;background:none;color:#a6acc4;padding:11px 14px;text-align:left;font-size:13px;transition:background .15s}.nav-item:hover{background:#1c2030;color:#fff}.nav-item.active{background:#272037;color:#f3d0a5;border-left:2px solid #e5a65f}.nav-icon{width:19px;font-size:16px;text-align:center}.sidebar-bottom{margin-top:auto;border-top:1px solid #252839;padding:20px 12px 0}.environment{display:flex;align-items:center;gap:9px;color:#a6a9bf;font-size:11px}.dot{width:8px;height:8px;border-radius:50%;background:#66c5a2;box-shadow:0 0 10px #33735c}.main{min-width:0;flex:1;padding:26px clamp(18px,4vw,60px) 50px;background:radial-gradient(circle at 70% -10%,#272033 0,transparent 42%),#0d1017}.topbar{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-bottom:30px;border-bottom:1px solid #2a2d3d}.eyebrow{color:#e6a864;font-size:10px;text-transform:uppercase;letter-spacing:2.3px;font-weight:800}.topbar h1{font-size:clamp(23px,3.4vw,32px);letter-spacing:-1.2px;margin:6px 0 5px}.subtitle{color:#9099af;font-size:13px;line-height:1.5}.toolbar{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.userchip{border:1px solid #3b3d50;border-radius:30px;padding:9px 13px;background:#1c1f2b;color:#cdd0df;font-size:12px}.content{padding-top:28px}.cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px;margin-bottom:25px}.stat{border:1px solid #363444;border-radius:16px;padding:23px;background:linear-gradient(153deg,#252230,#171a23)}.stat-label{color:#979ab0;font-size:12px}.stat-value{font-size:32px;font-weight:750;letter-spacing:-1.5px;margin-top:12px}.stat-footer{font-size:11px;color:#a3a7bb;margin-top:9px}.panel{background:#161923;border:1px solid #303346;border-radius:15px;margin:0 0 20px;overflow:hidden}.panel-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:19px 22px;border-bottom:1px solid #2d3141;flex-wrap:wrap}.panel-title{font-size:16px;font-weight:720;margin:0}.panel-desc{color:#9a9fb3;font-size:12px;margin:5px 0 0}.panel-body{padding:22px}.empty{padding:50px 25px;text-align:center;color:#8d94ac}.table-wrap{overflow-x:auto;width:100%}table{width:100%;border-collapse:collapse;font-size:12px}th{text-transform:uppercase;letter-spacing:.7px;font-size:10px;color:#9298ac;text-align:left;background:#1b1e2a;font-weight:700}td,th{padding:14px 17px;border-bottom:1px solid #2a2c3d;white-space:nowrap}tr:last-child td{border-bottom:0}tbody tr:hover{background:#1c2030}.mono{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:11px;color:#b9b5d6}.muted{color:#8e94aa}.tag{display:inline-flex;padding:5px 9px;border-radius:30px;font-size:11px;font-weight:650;background:#292c3b;color:#c0c5d4}.tag.good{background:#18382f;color:#82e2bd}.tag.bad{background:#3b232b;color:#ffabb1}.tag.warn{background:#3f311e;color:#f8ce88}.btn{background:#332b3c;border:1px solid #4b4355;color:#f2edf5;padding:10px 15px;border-radius:9px;font-weight:620;min-height:36px;font-size:12px;transition:.15s}.btn:hover{filter:brightness(1.2)}.btn.primary{background:#dda264;color:#20190f;border-color:#e5af73}.btn.danger{background:#462631;color:#ffbac2;border-color:#65404a}.btn.sm{padding:6px 9px;min-height:29px;font-size:11px}.btn.ghost{background:transparent;border-color:#393d4e}.btn.full{width:100%}.actionbar{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.search{background:#111520;color:#eee;border:1px solid #3a3d50;padding:10px 12px;border-radius:9px;outline:none;min-width:200px}.search:focus,input:focus,select:focus,textarea:focus{border-color:#d6a16d;box-shadow:0 0 0 3px #d6a16d22}.notice{border:1px solid #4d3c28;background:#29231d;border-radius:10px;padding:15px 18px;color:#eccd9f;margin-bottom:20px;font-size:12px;line-height:1.65}.subgrid{display:grid;grid-template-columns:1fr 1fr;gap:17px}.stack{display:grid;gap:13px}.bar-row{display:grid;grid-template-columns:130px 1fr 35px;gap:13px;align-items:center;margin:14px 0;font-size:12px;color:#b7bdcc}.track{height:9px;border-radius:20px;background:#282b3b;overflow:hidden}.fill{height:100%;border-radius:20px;background:linear-gradient(90deg,#8b68cf,#e3a66a)}.formgrid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.field{display:flex;flex-direction:column;gap:7px}.field.span{grid-column:1/-1}.field label{font-size:11px;font-weight:700;color:#a6adc0}.field input,.field select,.field textarea{background:#10131d;color:#e8eaf1;border:1px solid #3c4052;min-height:40px;padding:10px 11px;border-radius:8px;outline:none;width:100%;min-width:0}.field textarea{min-height:80px;resize:vertical}.field option{background:#181a24}.modal-overlay{position:fixed;inset:0;background:#05060acb;display:flex;align-items:center;justify-content:center;z-index:100;padding:15px}.modal{background:#1a1d29;border:1px solid #494459;border-radius:17px;width:100%;max-width:610px;max-height:90vh;overflow:auto;box-shadow:0 34px 140px #000a}.modal-header{padding:20px 24px;border-bottom:1px solid #33364a;display:flex;align-items:center;justify-content:space-between}.modal-header h2{font-size:18px;margin:0}.modal-body{padding:24px}.modal-footer{padding:15px 24px;border-top:1px solid #33364a;display:flex;justify-content:flex-end;gap:10px}.secret{background:#0b0e17;border:1px dashed #5b5871;border-radius:8px;padding:15px;word-break:break-all;font-size:12px;line-height:1.6}.login-shell{display:grid;min-height:100vh;grid-template-columns:1fr 1fr}.login-left{display:flex;flex-direction:column;justify-content:space-between;padding:9vh 8vw;background:radial-gradient(circle at 60% 50%,#4a3248,#1d1b29 59%,#10121c);border-right:1px solid #3d3047}.login-left h1{font-size:clamp(38px,5vw,66px);letter-spacing:-3px;line-height:1.12;max-width:570px}.login-left h1 span{color:#eeb475}.login-left p{max-width:400px;line-height:1.75;color:#adaec2}.login-right{display:grid;place-items:center;padding:24px}.login-card{max-width:410px;width:100%}.login-card h2{font-size:30px;letter-spacing:-.8px}.login-card .field{margin-bottom:16px}.login-card .field input{min-height:48px}.login-card .btn{min-height:46px;margin-top:12px}.toast{position:fixed;right:22px;bottom:22px;padding:14px 18px;z-index:200;background:#293345;color:#fff;border:1px solid #5d6178;border-radius:10px;max-width:min(470px,calc(100% - 44px));box-shadow:0 15px 55px #0007}.toast.error{background:#492631;border-color:#8e4754}.boot{margin:45vh auto;color:#aab0c8;text-align:center}.spinner{display:inline-block;width:14px;height:14px;border:2px solid #dda264;border-top-color:transparent;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}
@media(max-width:1100px){.cards{grid-template-columns:repeat(2,1fr)}.sidebar{width:220px}.main{padding:24px}}@media(max-width:760px){.layout{display:block}.sidebar{position:static;width:100%;height:auto;display:block;padding:10px}.logo{padding:8px}.nav-section,.sidebar-bottom{display:none}.sidebar nav{display:flex;overflow-x:auto;padding:5px 0}.nav-item{width:auto;white-space:nowrap;flex-shrink:0;font-size:11px;padding:9px}.topbar{align-items:flex-start;flex-direction:column}.main{padding:19px 13px}.subgrid{grid-template-columns:1fr}.login-shell{grid-template-columns:1fr}.login-left{display:none}}@media(max-width:460px){.cards{grid-template-columns:1fr}.formgrid{grid-template-columns:1fr}.field.span{grid-column:auto}.panel-header{padding:15px}.userchip{display:none}}
