:root{color-scheme:dark;--bg:#070502;--panel:#0e0b06;--panel2:#151006;--line:#2e2410;--gold:#c9a227;--gold2:#efd46c;--text:#f7f2df;--muted:#9d947e;--danger:#c65445;--ok:#63c28a}*{box-sizing:border-box}html{background:var(--bg);scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;background:radial-gradient(circle at 82% 0%,rgba(201,162,39,.12),transparent 30%),var(--bg);color:var(--text);min-height:100vh}.topbar{height:72px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 max(20px,calc((100vw - 1180px)/2));position:sticky;top:0;background:rgba(7,5,2,.94);backdrop-filter:blur(14px);z-index:10}.brand{display:flex;gap:10px;align-items:center;color:var(--text);text-decoration:none;font-weight:800;letter-spacing:.18em}.brand-mark{width:34px;height:34px;display:grid;place-items:center;border:1px solid var(--gold);color:var(--gold2);transform:rotate(45deg);font-family:Georgia,serif}.brand-mark::first-letter{transform:rotate(-45deg)}.top-actions{display:flex;gap:10px;align-items:center}.badge,.policy{border:1px solid var(--line);border-radius:999px;padding:9px 12px;color:var(--gold2);font-size:12px}.shell{width:min(1180px,calc(100% - 32px));margin:0 auto;padding:36px 0 72px}.hero{display:flex;align-items:flex-end;justify-content:space-between;gap:28px;padding:34px 0 28px}.eyebrow{color:var(--gold);font-size:11px;letter-spacing:.2em;font-weight:800}.hero h1,.section-head h2{margin:6px 0 8px;font-family:Georgia,serif}.hero h1{font-size:clamp(40px,7vw,72px);line-height:.94}.hero p{max-width:660px;color:var(--muted);line-height:1.65}.access-card{min-width:300px;display:flex;gap:12px;align-items:center;border:1px solid var(--line);background:var(--panel);border-radius:16px;padding:16px}.access-card>span{width:10px;height:10px;border-radius:50%;background:#8a7b52;box-shadow:0 0 20px currentColor}.access-card.authorized>span{background:var(--ok)}.access-card.denied>span{background:var(--danger)}.access-card div{display:flex;flex-direction:column;gap:3px}.access-card small{color:var(--muted)}.guardrail{border:1px solid rgba(201,162,39,.32);background:linear-gradient(90deg,rgba(201,162,39,.1),rgba(201,162,39,.02));padding:14px 16px;border-radius:12px;color:var(--muted);margin-bottom:18px}.guardrail strong{color:var(--gold2)}.grid{display:grid;gap:12px}.metrics{grid-template-columns:repeat(4,1fr);margin-bottom:18px}.metrics article,.panel{border:1px solid var(--line);background:linear-gradient(180deg,var(--panel2),var(--panel));border-radius:18px}.metrics article{padding:18px;min-height:124px;display:flex;flex-direction:column}.metrics small,.metrics span,.muted{color:var(--muted);font-size:12px}.metrics strong{font-size:20px;margin:12px 0 5px}.panel{padding:22px;margin-bottom:18px}.section-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:18px}.section-head h2{font-size:26px}.allocation-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.allocation-grid>div{border:1px solid var(--line);border-radius:14px;padding:18px;display:flex;flex-direction:column;gap:5px}.allocation-grid strong{font-family:Georgia,serif;font-size:30px;color:var(--gold2)}.allocation-grid span{font-weight:700}.allocation-grid small{color:var(--muted)}.listing-rule{margin-top:12px;border:1px dashed var(--line);border-radius:14px;padding:15px;display:grid;grid-template-columns:auto 1fr;gap:4px 16px;align-items:center}.listing-rule span{color:var(--gold)}.listing-rule small{grid-column:2;color:var(--muted)}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:18px}.row{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:11px 0;border-bottom:1px solid rgba(46,36,16,.65)}.row span{color:var(--muted)}code{font-size:11px;color:var(--gold2);word-break:break-all;text-align:right}.button-row{display:flex;gap:10px;margin-top:18px}.btn{border:1px solid #4b3b18;background:#171208;color:var(--text);border-radius:10px;padding:11px 14px;font-weight:750;cursor:pointer}.btn:hover:not(:disabled){border-color:var(--gold)}.btn:disabled{opacity:.38;cursor:not-allowed}.btn.gold{background:linear-gradient(135deg,#b68e1c,#e0bd4a);color:#171005;border-color:#e0bd4a}.btn.danger{border-color:rgba(198,84,69,.55);color:#ffb5aa}.full{width:100%;margin-top:12px}label{display:flex;flex-direction:column;gap:7px;margin-top:14px;color:var(--muted);font-size:12px}input{border:1px solid var(--line);background:#080602;color:var(--text);border-radius:10px;padding:12px 13px;outline:none}input:focus{border-color:var(--gold)}.check{flex-direction:row;align-items:center}.check input{width:16px;height:16px}.activity{display:grid;gap:8px}.event,.empty{border:1px solid var(--line);border-radius:12px;padding:12px 14px}.event{display:grid;grid-template-columns:150px 1fr auto;gap:12px;align-items:center}.event small,.empty{color:var(--muted)}.event code{text-align:left}.toast{position:fixed;right:20px;bottom:20px;max-width:min(420px,calc(100vw - 40px));padding:13px 16px;border:1px solid var(--gold);background:#121006;border-radius:12px;opacity:0;transform:translateY(10px);pointer-events:none;transition:.2s;z-index:20}.toast.show{opacity:1;transform:none}.toast.error{border-color:var(--danger)}@media(max-width:900px){.metrics{grid-template-columns:repeat(2,1fr)}.allocation-grid{grid-template-columns:repeat(2,1fr)}.two-col{grid-template-columns:1fr}.hero{align-items:stretch;flex-direction:column}.access-card{min-width:0}.event{grid-template-columns:1fr}.listing-rule{grid-template-columns:1fr}.listing-rule small{grid-column:1}}@media(max-width:560px){.topbar{height:auto;min-height:68px;padding:12px 16px;align-items:flex-start}.top-actions{flex-direction:column;align-items:flex-end}.badge{font-size:10px}.shell{width:min(100% - 20px,1180px);padding-top:20px}.hero{padding-top:18px}.metrics{grid-template-columns:1fr 1fr;gap:8px}.metrics article{padding:14px;min-height:110px}.metrics strong{font-size:17px}.allocation-grid{grid-template-columns:1fr 1fr}.panel{padding:16px}.button-row{flex-direction:column}.row{align-items:flex-start;flex-direction:column}.row code{text-align:left}.policy{display:none}}

/* Control Panel responsive hardening v2 */
@media(max-width:1100px){
  .metrics{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .allocation-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .two-col{grid-template-columns:minmax(0,1fr)!important}
  .hero{align-items:stretch;flex-direction:column}
  .access-card{min-width:0;width:100%}
  .event{grid-template-columns:minmax(0,1fr)}
  .listing-rule{grid-template-columns:minmax(0,1fr)}
  .listing-rule small{grid-column:1}
}

@media(max-width:760px){
  .topbar{
    height:auto!important;
    min-height:64px!important;
    padding:10px 12px!important;
    gap:10px;
    align-items:center!important
  }
  .brand{font-size:12px;letter-spacing:.14em}
  .brand-mark{width:30px;height:30px}
  .top-actions{
    flex-direction:row!important;
    align-items:center!important;
    gap:6px!important
  }
  .badge{display:none}
  .top-actions .btn{
    padding:9px 10px!important;
    font-size:10px!important;
    white-space:nowrap
  }
  .shell{
    width:min(100% - 16px,1180px)!important;
    padding:16px 0 48px!important
  }
  .hero{padding:14px 0 16px!important;gap:14px!important}
  .hero h1{font-size:clamp(34px,12vw,50px)!important}
  .hero p{font-size:13px;line-height:1.55}
  .access-card{padding:13px!important;border-radius:13px!important}
  .guardrail{font-size:12px;line-height:1.5;padding:12px!important}
  .metrics{grid-template-columns:1fr!important;gap:8px!important}
  .metrics article{
    min-height:auto!important;
    padding:14px!important;
    border-radius:14px!important
  }
  .metrics strong{font-size:18px!important;margin:8px 0 4px!important}
  .metrics small,.metrics span,.muted{font-size:11px!important}
  .panel{padding:14px!important;border-radius:14px!important;margin-bottom:12px!important}
  .section-head{
    align-items:flex-start!important;
    gap:10px!important;
    margin-bottom:12px!important
  }
  .section-head h2{font-size:23px!important}
  .allocation-grid{grid-template-columns:1fr!important;gap:8px!important}
  .allocation-grid>div{padding:14px!important}
  .allocation-grid strong{font-size:26px!important}
  .listing-rule{padding:12px!important}
  .row{
    flex-direction:column!important;
    align-items:flex-start!important;
    gap:5px!important;
    padding:9px 0!important
  }
  .row code{width:100%;text-align:left!important}
  .button-row{flex-direction:column!important;gap:8px!important}
  .btn{min-height:42px}
  input{min-height:42px;font-size:14px}
  label{font-size:11px}
  .event{padding:11px!important}
  .policy{display:none!important}
}

@media(max-width:420px){
  .brand span:last-child{display:none}
  .top-actions .btn{max-width:150px;overflow:hidden;text-overflow:ellipsis}
}