:root{
  --brand-gold:#D4AF37;--bright-gold:#F6C84A;--deep-gold:#9A6A12;
  --carbon:#090A0C;--graphite:#15171A;--gunmetal:#272B30;--steel:#8D9298;--white:#F2F3F4;
  --ok:#25C76F;--warn:#F5A623;--critical:#E5484D;--info:#3B82F6;
  --panel:rgba(21,23,26,.92);--panel-soft:rgba(15,17,20,.86);--panel-strong:#0d0f12;
  --line:rgba(242,243,244,.10);--line-gold:rgba(212,175,55,.34);--muted:#A5ABB2;--muted2:#737A82;
  --shadow:0 20px 52px rgba(0,0,0,.36);--r12:12px;--r16:16px;--r20:20px;--r24:24px;
  --font:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
}
*{box-sizing:border-box}
html,body{margin:0;min-height:100%;font-family:var(--font);color:var(--white);background:var(--carbon)}
body{background-image:linear-gradient(rgba(9,10,12,.86),rgba(9,10,12,.92)),url('../assets/carbon.webp');background-size:cover;background-position:center;background-attachment:fixed}
a{color:inherit;text-decoration:none}
button,input,select{font:inherit}
button{cursor:pointer}
:focus-visible{outline:3px solid var(--bright-gold);outline-offset:2px}
.hidden{display:none!important}
.gold{color:var(--bright-gold)}.ok{color:var(--ok)}.warn{color:var(--warn)}.critical{color:var(--critical)}.muted{color:var(--muted)}
.surface{background:linear-gradient(180deg,rgba(21,23,26,.96),rgba(12,14,17,.96));border:1px solid var(--line);border-radius:var(--r20);box-shadow:var(--shadow)}
.btn{border:1px solid var(--line);background:#171a1f;color:var(--white);border-radius:12px;padding:12px 16px;font-weight:800;min-height:48px}
.btn.primary{border-color:transparent;background:linear-gradient(180deg,var(--bright-gold),var(--brand-gold));color:#101113;box-shadow:0 9px 28px rgba(212,175,55,.22)}
.btn.ghost{background:rgba(255,255,255,.025)}
.btn.danger{border-color:rgba(229,72,77,.35);color:#ffb7ba;background:rgba(229,72,77,.07)}
.icon-btn{width:44px;height:44px;border:1px solid var(--line);border-radius:12px;background:#15181c;color:var(--white);display:grid;place-items:center;font-size:18px}
.chip{display:inline-flex;align-items:center;gap:7px;border:1px solid var(--line);border-radius:999px;padding:7px 10px;font-size:11px;font-weight:800;background:#121519}
.chip.ok{background:rgba(37,199,111,.10);border-color:rgba(37,199,111,.25)}
.chip.warn{background:rgba(245,166,35,.10);border-color:rgba(245,166,35,.25)}
.chip.critical{background:rgba(229,72,77,.09);border-color:rgba(229,72,77,.25)}
.chip.info{color:#b8d2ff;background:rgba(59,130,246,.09);border-color:rgba(59,130,246,.24)}
.brand-inline{display:flex;align-items:center;gap:10px;min-width:0}.brand-inline img{width:42px;height:42px;object-fit:cover;border-radius:10px}.brand-inline b{font-size:15px;white-space:nowrap}.brand-inline small{display:block;color:var(--muted);font-size:10px;margin-top:2px}
.card-title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.card-title h3{margin:0;font-size:15px}.card-title small{color:var(--muted);font-size:10px}
.hr{height:1px;background:var(--line);margin:14px 0}
.kbd{border:1px solid var(--line);border-bottom-color:rgba(255,255,255,.18);border-radius:6px;padding:2px 6px;background:#101215;color:#cbd0d5;font-size:10px}
.modal-backdrop{position:fixed;inset:0;z-index:100;background:rgba(0,0,0,.64);backdrop-filter:blur(6px);display:none;place-items:center;padding:18px}.modal-backdrop.show{display:grid}.modal{width:min(640px,100%);max-height:88vh;overflow:auto;padding:20px}.modal h2{margin:0 0 8px}.modal p,.modal li{color:var(--muted);line-height:1.55}.modal-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:18px}
.drawer{position:fixed;z-index:110;top:0;bottom:0;right:-380px;width:min(360px,92vw);background:#0f1114;border-left:1px solid var(--line);box-shadow:-20px 0 60px rgba(0,0,0,.45);transition:.24s ease;padding:20px;overflow:auto}.drawer.show{right:0}.drawer .menu-row{display:flex;align-items:center;justify-content:space-between;padding:15px 4px;border-bottom:1px solid var(--line);font-size:14px}.drawer .menu-row span{color:var(--muted);font-size:12px}
@media (prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.001ms!important}}