:root{
  --bg:#06111f;--bg2:#081526;--surface:#0b192b;--surface2:#0e2035;--surface3:#11283f;
  --line:#18324e;--line2:#21415f;--text:#eef6ff;--muted:#7f93ab;--muted2:#536b84;
  --green:#79ff67;--green2:#4fe272;--cyan:#39d7ff;--blue:#5a8cff;--amber:#ffc85a;--red:#ff5d7a;--purple:#a982ff;
  --shadow:0 20px 60px rgba(0,0,0,.25);--radius:16px;--radius-sm:11px;
  --sidebar:258px;--topbar:72px;
}
*{box-sizing:border-box}html{background:var(--bg)}body{margin:0;background:radial-gradient(circle at 78% -20%,rgba(57,215,255,.06),transparent 31%),var(--bg);color:var(--text);font:14px/1.45 Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;min-height:100vh}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.hidden{display:none!important}
.app-shell{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:var(--sidebar);background:rgba(6,17,31,.97);border-right:1px solid var(--line);display:flex;flex-direction:column;z-index:40}.brand{height:var(--topbar);display:flex;align-items:center;gap:12px;padding:0 20px;border-bottom:1px solid var(--line)}.brand-mark,.logo-mark{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(145deg,var(--green),#56dd78);color:#04120a;font-weight:900;box-shadow:0 8px 25px rgba(121,255,103,.18)}.brand-copy strong,.logo-lockup strong{display:block;font-size:15px;letter-spacing:-.2px}.brand-copy small,.logo-lockup small{display:block;color:var(--muted);font-size:9px;letter-spacing:1.9px;margin-top:1px}.sidebar-scroll{padding:15px 12px;overflow:auto;flex:1}.nav-group{margin:10px 0 18px}.nav-label{font-size:9px;font-weight:800;letter-spacing:1.6px;color:#536b84;padding:0 10px 8px;text-transform:uppercase}.nav-item{display:flex;align-items:center;gap:11px;padding:10px 11px;border-radius:11px;color:#9aabc0;font-weight:650;position:relative;margin:2px 0;transition:.16s ease}.nav-item svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;opacity:.9}.nav-item:hover{background:#0b1c30;color:#dce9f7}.nav-item.active{background:linear-gradient(90deg,rgba(121,255,103,.12),rgba(57,215,255,.05));color:#f6fbff}.nav-item.active:before{content:"";position:absolute;left:-12px;top:8px;bottom:8px;width:3px;border-radius:2px;background:var(--green);box-shadow:0 0 16px rgba(121,255,103,.7)}.nav-count{margin-left:auto;min-width:22px;height:20px;padding:0 6px;display:grid;place-items:center;border-radius:999px;background:#122942;color:#a9bed4;font-size:10px}.nav-count.alert{background:rgba(255,93,122,.13);color:#ff7d95}.sidebar-bottom{padding:12px;border-top:1px solid var(--line)}.api-mini{padding:12px;border-radius:13px;background:#0c1c30;border:1px solid var(--line);margin-bottom:10px}.api-mini-top{display:flex;justify-content:space-between;gap:12px;font-size:11px;color:#9eb1c5}.api-mini strong{color:var(--green);font-size:11px}.progress{height:5px;background:#112943;border-radius:99px;margin:9px 0 6px;overflow:hidden}.progress>span{display:block;height:100%;background:linear-gradient(90deg,var(--green),var(--amber));border-radius:99px}.api-mini small{color:var(--muted2);font-size:9px}.admin-chip{display:flex;align-items:center;gap:10px;padding:8px}.avatar{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:#16304d;color:#dff6ff;font-weight:800}.admin-chip strong{display:block;font-size:12px}.admin-chip small{color:var(--muted);font-size:10px}.admin-chip .more{margin-left:auto;color:var(--muted)}
.main{margin-left:var(--sidebar);min-height:100vh}.topbar{height:var(--topbar);position:sticky;top:0;z-index:30;background:rgba(6,17,31,.9);backdrop-filter:blur(18px);border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 24px;gap:18px}.global-search{width:min(540px,48vw);position:relative}.global-search svg{position:absolute;left:14px;top:50%;transform:translateY(-50%);width:17px;height:17px;stroke:#637a93;fill:none;stroke-width:2}.global-search input{width:100%;height:40px;border:1px solid var(--line);background:#0a192c;color:var(--text);border-radius:11px;padding:0 78px 0 42px;outline:none}.global-search input:focus{border-color:#2c5f70;box-shadow:0 0 0 3px rgba(57,215,255,.06)}.shortcut{position:absolute;right:9px;top:8px;border:1px solid var(--line);border-radius:7px;color:#627993;font-size:10px;padding:4px 7px}.top-actions{margin-left:auto;display:flex;align-items:center;gap:8px}.sync-state{height:38px;display:flex;align-items:center;gap:7px;padding:0 12px;border:1px solid var(--line);border-radius:11px;color:#7e91a7;font-size:11px}.pulse-dot,.ok-dot,.bad-dot{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 9px rgba(121,255,103,.55);display:inline-block}.bad-dot{background:var(--red);box-shadow:0 0 9px rgba(255,93,122,.5)}.icon-btn{width:38px;height:38px;border-radius:11px;border:1px solid var(--line);background:#0a192c;color:#93a6bb;display:grid;place-items:center;cursor:pointer}.icon-btn:hover{color:#fff;border-color:#2c4866}.icon-btn svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.9}.primary-btn,.secondary-btn,.danger-btn,.ghost-btn{height:39px;padding:0 15px;border-radius:10px;border:1px solid transparent;font-weight:800;font-size:12px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px}.primary-btn{background:linear-gradient(135deg,var(--green),#5ee979);color:#06120b;box-shadow:0 8px 26px rgba(121,255,103,.12)}.primary-btn:hover{filter:brightness(1.03)}.secondary-btn{background:#10243a;border-color:#1e3d5c;color:#dceafa}.ghost-btn{background:transparent;border-color:var(--line);color:#9cafc3}.danger-btn{background:rgba(255,93,122,.09);border-color:rgba(255,93,122,.24);color:#ff8299}.small-btn{height:31px;padding:0 10px;font-size:10px;border-radius:8px}.full{width:100%}
.content{padding:26px;max-width:1680px;margin:auto}.page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin:2px 0 22px}.eyebrow{display:block;color:var(--green2);font-size:9px;font-weight:900;letter-spacing:1.8px;text-transform:uppercase;margin-bottom:6px}.page-head h1{font-size:30px;line-height:1.08;margin:0 0 6px;letter-spacing:-1.2px}.page-head p{margin:0;color:var(--muted);font-size:13px}.page-actions{display:flex;gap:8px;flex-wrap:wrap}.alert{border:1px solid var(--line);background:#0c1b2c;padding:12px 14px;border-radius:11px;margin-bottom:14px;color:#cbd9e7}.alert-success{border-color:rgba(79,226,114,.23);background:rgba(79,226,114,.06);color:#aef8bd}.alert-danger{border-color:rgba(255,93,122,.25);background:rgba(255,93,122,.07);color:#ff9bad}.alert-warning{border-color:rgba(255,200,90,.25);background:rgba(255,200,90,.06);color:#ffda8c}
.grid{display:grid;gap:14px}.kpi-grid{grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:14px}.kpi{border:1px solid var(--line);background:linear-gradient(145deg,#0b1a2d,#091728);border-radius:var(--radius);min-height:132px;padding:16px;position:relative;overflow:hidden}.kpi:after{content:"";position:absolute;width:115px;height:115px;border-radius:50%;right:-58px;top:-60px;background:radial-gradient(circle,rgba(57,215,255,.06),transparent 68%)}.kpi-top{display:flex;align-items:center;justify-content:space-between;color:#71879e;font-size:10px;font-weight:750}.kpi-icon{width:31px;height:31px;border-radius:9px;background:#0f2738;display:grid;place-items:center;color:var(--green)}.kpi-icon svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.9}.kpi-value{font-size:27px;font-weight:900;letter-spacing:-.8px;margin-top:18px}.kpi-sub{font-size:10px;color:#687e95;margin-top:8px}.kpi-sub b{color:var(--green2)}.kpi.amber .kpi-icon{color:var(--amber);background:rgba(255,200,90,.07)}.kpi.blue .kpi-icon{color:var(--cyan);background:rgba(57,215,255,.07)}.kpi.purple .kpi-icon{color:var(--purple);background:rgba(169,130,255,.07)}
.dashboard-grid{grid-template-columns:minmax(0,1.65fr) minmax(320px,.68fr);align-items:start}.panel{border:1px solid var(--line);background:linear-gradient(145deg,rgba(11,26,45,.98),rgba(8,22,38,.98));border-radius:var(--radius);box-shadow:0 1px 0 rgba(255,255,255,.01);overflow:hidden}.panel+.panel{margin-top:14px}.panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:15px;padding:16px 17px 13px;border-bottom:1px solid rgba(24,50,78,.65)}.panel-kicker{color:#60778f;font-size:8px;font-weight:900;letter-spacing:1.6px;text-transform:uppercase}.panel-title{font-size:15px;font-weight:850;margin-top:4px}.panel-desc{font-size:10px;color:#637a91;margin-top:3px}.panel-body{padding:16px}.panel-link{color:var(--amber);font-weight:800;font-size:10px;white-space:nowrap}.stack{display:grid;gap:14px}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:14px}.three-col{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.chart-wrap{height:240px;position:relative;padding:18px 4px 0}.bar-chart{height:190px;display:flex;align-items:flex-end;gap:8px;border-bottom:1px solid var(--line);background:repeating-linear-gradient(to top,transparent 0,transparent 46px,rgba(35,66,93,.26) 47px)}.bar-col{flex:1;min-width:0;height:100%;display:flex;align-items:flex-end;justify-content:center;position:relative}.bar{width:min(34px,68%);min-height:2px;border-radius:6px 6px 2px 2px;background:linear-gradient(to top,rgba(79,226,114,.25),rgba(121,255,103,.8));box-shadow:0 -8px 20px rgba(121,255,103,.05)}.bar-col:hover .bar{filter:brightness(1.2)}.bar-tip{display:none;position:absolute;bottom:calc(var(--h,0%) + 7px);background:#14283c;border:1px solid var(--line2);padding:4px 6px;border-radius:6px;font-size:9px;white-space:nowrap}.bar-col:hover .bar-tip{display:block}.chart-labels{display:flex;justify-content:space-between;color:#526980;font-size:9px;margin-top:9px}.metric-strip{display:flex;gap:28px;margin-bottom:4px}.metric-strip strong{font-size:17px;display:block}.metric-strip small{color:#62778d;font-size:9px}
.table-wrap{overflow:auto}.data-table{width:100%;border-collapse:collapse;min-width:760px}.data-table th{text-align:left;color:#687f97;font-size:9px;letter-spacing:.6px;text-transform:uppercase;font-weight:850;padding:11px 12px;border-bottom:1px solid var(--line);background:#09182a;position:sticky;top:0}.data-table td{padding:11px 12px;border-bottom:1px solid rgba(24,50,78,.58);color:#bac9d8;font-size:11px;vertical-align:middle}.data-table tr:hover td{background:rgba(16,36,58,.37)}.data-table td strong{color:#eef5fc;font-weight:750}.table-meta{display:block;color:#5f768e;font-size:9px;margin-top:2px}.table-actions{display:flex;gap:5px;justify-content:flex-end}.badge{display:inline-flex;align-items:center;height:22px;padding:0 8px;border-radius:99px;font-size:9px;font-weight:800;border:1px solid #25445f;background:#10243a;color:#a9bdd0;text-transform:capitalize}.badge-active,.badge-approved,.badge-verified,.badge-sent,.badge-completed,.badge-production,.badge-resolved{color:#8ff3a5;border-color:rgba(79,226,114,.22);background:rgba(79,226,114,.07)}.badge-pending,.badge-open,.badge-scheduled,.badge-running,.badge-grace,.badge-reviewing,.badge-testing{color:#ffdc90;border-color:rgba(255,200,90,.23);background:rgba(255,200,90,.07)}.badge-suspended,.badge-rejected,.badge-removed,.badge-revoked,.badge-failed,.badge-disabled,.badge-urgent{color:#ff8ca1;border-color:rgba(255,93,122,.24);background:rgba(255,93,122,.07)}.badge-draft,.badge-viewer,.badge-expired,.badge-cancelled{color:#9eacc0}.badge-super_admin{color:#c4adff;border-color:rgba(169,130,255,.25);background:rgba(169,130,255,.07)}
.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.form-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.field{display:grid;gap:6px}.field.full-span{grid-column:1/-1}.field label,.field>span{color:#7e92a9;font-size:10px;font-weight:800}.field input,.field select,.field textarea,.toolbar input,.toolbar select{width:100%;border:1px solid var(--line);background:#09182a;color:#e8f2fb;border-radius:9px;min-height:38px;padding:8px 10px;outline:none}.field textarea{min-height:100px;resize:vertical}.field input:focus,.field select:focus,.field textarea:focus,.toolbar input:focus{border-color:#2e5b72}.hint{font-size:9px;color:#596f87}.toolbar{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin:0 0 13px}.toolbar .grow{flex:1;min-width:220px}.toolbar input,.toolbar select{width:auto;min-width:150px}.switch{display:inline-flex;align-items:center;gap:8px}.switch input{display:none}.switch-ui{width:36px;height:21px;background:#142a40;border:1px solid #28465e;border-radius:99px;position:relative;transition:.15s}.switch-ui:after{content:"";position:absolute;width:15px;height:15px;border-radius:50%;background:#8193a6;left:2px;top:2px;transition:.15s}.switch input:checked+.switch-ui{background:rgba(121,255,103,.15);border-color:rgba(121,255,103,.35)}.switch input:checked+.switch-ui:after{left:17px;background:var(--green)}
.quick-list{display:grid}.quick-row{display:grid;grid-template-columns:34px 1fr auto;gap:10px;align-items:center;padding:11px 0;border-bottom:1px solid rgba(24,50,78,.58)}.quick-row:last-child{border-bottom:0}.quick-icon{width:31px;height:31px;border-radius:9px;display:grid;place-items:center;background:#10253b;color:var(--cyan);font-size:10px;font-weight:900}.quick-row strong{font-size:11px;display:block}.quick-row small{font-size:9px;color:#647b92}.quick-value{text-align:right;font-size:11px;font-weight:800}.status-list{display:grid;gap:0}.status-row{display:grid;grid-template-columns:28px 1fr auto;gap:9px;align-items:center;padding:10px 0;border-bottom:1px solid rgba(24,50,78,.55)}.status-row:last-child{border-bottom:0}.status-icon{width:26px;height:26px;border-radius:8px;background:#10243a;display:grid;place-items:center;font-size:8px;color:var(--cyan);font-weight:900}.status-row strong{font-size:10px}.status-row small{font-size:9px;color:#60778f}.state-ok{color:#69e989}.state-warn{color:#ffd176}.state-bad{color:#ff7890}.dot{width:6px;height:6px;border-radius:50%;display:inline-block;background:currentColor;box-shadow:0 0 8px currentColor;margin-right:5px}
.stat-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.mini-stat{padding:12px;border:1px solid var(--line);border-radius:12px;background:#0a192b}.mini-stat span{color:#657c94;font-size:9px}.mini-stat strong{display:block;font-size:18px;margin-top:5px}.post-card{padding:14px;border-bottom:1px solid rgba(24,50,78,.6)}.post-card:last-child{border:0}.post-head{display:flex;justify-content:space-between;gap:12px}.post-user{font-size:11px;font-weight:800}.post-body{color:#b5c4d2;margin:9px 0;font-size:12px;line-height:1.55}.post-meta{display:flex;gap:12px;color:#61778e;font-size:9px}.post-actions{display:flex;gap:6px;margin-top:10px}.empty{padding:30px;text-align:center;color:#60778e}.empty strong{display:block;color:#9eb0c3;margin-bottom:4px}.code{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;background:#081523;border:1px solid var(--line);border-radius:8px;padding:8px 10px;color:#9fd9ee;word-break:break-all}.log-view{background:#04101d;border:1px solid var(--line);border-radius:10px;padding:12px;max-height:420px;overflow:auto;color:#9fb0c1;font:10px/1.6 ui-monospace,SFMono-Regular,Consolas,monospace;white-space:pre-wrap}.segmented{display:inline-flex;padding:3px;background:#091829;border:1px solid var(--line);border-radius:9px}.segmented a{padding:6px 9px;border-radius:6px;color:#6d849b;font-size:9px;font-weight:800}.segmented a.active{background:#132940;color:#eaf5ff}.callout{padding:13px 14px;border:1px solid rgba(255,200,90,.18);background:rgba(255,200,90,.035);border-radius:11px;color:#aebdcc;font-size:11px}.callout strong{color:#f5d482}.key-value{display:grid;grid-template-columns:minmax(130px,.45fr) 1fr;gap:7px 14px;font-size:11px}.key-value dt{color:#617990}.key-value dd{margin:0;color:#c8d6e3;word-break:break-word}.danger-zone{border-color:rgba(255,93,122,.2)}
.pagination{display:flex;justify-content:flex-end;gap:5px;padding-top:12px}.pagination a{min-width:31px;height:31px;padding:0 8px;border:1px solid var(--line);border-radius:8px;display:grid;place-items:center;color:#8094aa;font-size:10px}.pagination a.active{background:#15304a;color:#fff}.modal{position:fixed;inset:0;background:rgba(0,7,14,.68);display:none;align-items:center;justify-content:center;z-index:100;padding:20px}.modal.open{display:flex}.modal-card{width:min(560px,100%);max-height:90vh;overflow:auto;background:#0b1a2d;border:1px solid #21415f;border-radius:16px;box-shadow:0 30px 100px rgba(0,0,0,.55)}.modal-head{display:flex;align-items:center;justify-content:space-between;padding:15px 17px;border-bottom:1px solid var(--line)}.modal-head h3{margin:0;font-size:15px}.modal-body{padding:17px}.modal-close{border:0;background:transparent;color:#8195aa;font-size:20px;cursor:pointer}
.mobile-menu{display:none}.only-mobile{display:none}.search-results{display:grid;gap:14px}.result-section h3{font-size:12px;color:#91a7bc;margin:0 0 8px}.result-card{display:flex;justify-content:space-between;gap:12px;padding:11px 13px;border:1px solid var(--line);border-radius:10px;background:#0a192b;margin-bottom:6px}.result-card small{color:#657d95}
@media(max-width:1250px){.kpi-grid{grid-template-columns:repeat(2,1fr)}.dashboard-grid{grid-template-columns:1fr}.three-col{grid-template-columns:1fr 1fr}}@media(max-width:900px){:root{--sidebar:0px}.sidebar{transform:translateX(-100%);width:258px;transition:.2s}.sidebar.open{transform:translateX(0);box-shadow:20px 0 60px rgba(0,0,0,.5)}.main{margin-left:0}.mobile-menu{display:grid}.global-search{width:100%}.sync-state{display:none}.content{padding:18px}.page-head{align-items:flex-start;flex-direction:column}.only-mobile{display:block}}@media(max-width:640px){.topbar{padding:0 12px;gap:8px}.top-actions .primary-btn{display:none}.kpi-grid,.two-col,.three-col,.form-grid,.form-grid.three,.stat-cards{grid-template-columns:1fr}.content{padding:14px}.page-head h1{font-size:25px}.kpi{min-height:112px}.toolbar{align-items:stretch}.toolbar>*{width:100%!important}.metric-strip{gap:16px;flex-wrap:wrap}}