:root{
  --bg:#060709;--bg2:#0a0b12;--bg3:#0e1018;--bg4:#13151f;--bg5:#181b26;
  --line:rgba(255,255,255,.055);--lne2:rgba(255,255,255,.025);
  --dim:#1e2238;--soft:#2e3450;--mid:#465070;--pale:#7080a8;--lite:#aab8d8;--wht:#dce8ff;
  --ac:#5a6ff0;--aca:rgba(90,111,240,.1);--acb:rgba(90,111,240,.25);--acc:rgba(90,111,240,.5);
  --gr:#2dc97a;--gra:rgba(45,201,122,.08);--grb:rgba(45,201,122,.2);
  --rd:#ff4060;--rda:rgba(255,64,96,.08);--rdb:rgba(255,64,96,.22);
  --wa:#f0a020;--waa:rgba(240,160,32,.08);--wab:rgba(240,160,32,.22);
  --pu:#9060f0;--pua:rgba(144,96,240,.08);--pub:rgba(144,96,240,.22);
  --fh:'Space Grotesk',sans-serif;--fm:'Fira Code',monospace;
}

/* ── LIGHT THEME ── */
:root.light{
  --bg:#f5f6fa;--bg2:#ffffff;--bg3:#f0f1f7;--bg4:#e8eaf2;--bg5:#dde0ee;
  --line:rgba(0,0,0,.08);--lne2:rgba(0,0,0,.05);
  --dim:#c5c9da;--soft:#8890a8;--mid:#5a6480;--pale:#3a4260;--lite:#1a2040;--wht:#0a0e20;
  --ac:#4a5ee0;--aca:rgba(74,94,224,.08);--acb:rgba(74,94,224,.22);--acc:rgba(74,94,224,.5);
  --gr:#18a85a;--gra:rgba(24,168,90,.07);--grb:rgba(24,168,90,.18);
  --rd:#e03050;--rda:rgba(224,48,80,.07);--rdb:rgba(224,48,80,.18);
  --wa:#d08010;--waa:rgba(208,128,16,.07);--wab:rgba(208,128,16,.18);
  --pu:#7040d8;--pua:rgba(112,64,216,.07);--pub:rgba(112,64,216,.18);
}

*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}
html{height:100%}
body{background:var(--bg);color:var(--lite);font-family:var(--fh);min-height:100vh;overflow-x:hidden;transition:background .25s,color .25s}
::-webkit-scrollbar{width:3px}::-webkit-scrollbar-thumb{background:var(--bg4)}

/* ── GRID LINES BG ── */
body::before{content:'';position:fixed;inset:0;pointer-events:none;z-index:0;
  background-image:
    linear-gradient(rgba(90,111,240,.025) 1px,transparent 1px),
    linear-gradient(90deg,rgba(90,111,240,.025) 1px,transparent 1px);
  background-size:48px 48px;}
:root.light body::before{
  background-image:linear-gradient(rgba(74,94,224,.04) 1px,transparent 1px),
    linear-gradient(90deg,rgba(74,94,224,.04) 1px,transparent 1px);
}

/* ── HEADER ── */
.hdr{position:sticky;top:0;z-index:100;height:54px;padding:0 28px;
  display:flex;align-items:center;gap:16px;
  background:rgba(6,7,9,.92);backdrop-filter:blur(14px);
  border-bottom:1px solid var(--line);}
:root.light .hdr{background:rgba(245,246,250,.95);}
.hdr-logo{display:flex;align-items:center;gap:9px;cursor:pointer}
.logo-mark{width:32px;height:32px;flex-shrink:0;position:relative;display:flex;align-items:center;justify-content:center}
.logo-hex{width:32px;height:32px;
  clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);
  background:linear-gradient(135deg,var(--ac),#3a4ecc);
  display:flex;align-items:center;justify-content:center;
  font-size:12px;font-weight:900;color:#fff}
.logo-text{font-size:15px;font-weight:700;color:var(--wht);letter-spacing:-.03em}
.logo-sub{font-family:var(--fm);font-size:8px;color:var(--mid);letter-spacing:.2em;text-transform:uppercase;margin-left:2px}
.hdr-divider{width:1px;height:20px;background:var(--line)}
.hdr-tag{font-family:var(--fm);font-size:8px;color:var(--pale);letter-spacing:.18em;text-transform:uppercase}
.hdr-right{margin-left:auto;display:flex;align-items:center;gap:10px}
.hdr-status{display:flex;align-items:center;gap:6px;font-family:var(--fm);font-size:9px;color:var(--soft)}
.status-dot{width:6px;height:6px;border-radius:50%;background:var(--gr);box-shadow:0 0 6px var(--gr);animation:pulse 2s ease-in-out infinite}
@keyframes pulse{0%,100%{opacity:1}50%{opacity:.35}}

/* ── THEME TOGGLE ── */
.theme-btn{background:none;border:1px solid var(--line);border-radius:6px;cursor:pointer;
  padding:5px 8px;font-size:14px;color:var(--pale);transition:.2s;line-height:1}
.theme-btn:hover{border-color:var(--acb);color:var(--wht)}

/* ── NOTIFICATION BELL ── */
.notif-wrap{position:relative}
.notif-bell{background:none;border:1px solid var(--line);border-radius:6px;cursor:pointer;
  padding:5px 8px;font-size:14px;color:var(--pale);transition:.2s;line-height:1;position:relative}
.notif-bell:hover{border-color:var(--acb);color:var(--wht)}
.notif-badge{position:absolute;top:-4px;right:-4px;min-width:16px;height:16px;
  background:var(--rd);border-radius:8px;font-family:var(--fm);font-size:8px;
  font-weight:700;color:#fff;display:none;align-items:center;justify-content:center;padding:0 3px}
.notif-badge.show{display:flex}
.notif-dropdown{position:absolute;top:calc(100% + 8px);right:0;width:320px;
  background:var(--bg2);border:1px solid var(--line);border-radius:12px;
  box-shadow:0 8px 40px rgba(0,0,0,.5);z-index:300;display:none;overflow:hidden}
:root.light .notif-dropdown{box-shadow:0 8px 40px rgba(0,0,0,.15)}
.notif-dropdown.open{display:block}
.nd-hdr{padding:12px 16px;border-bottom:1px solid var(--lne2);display:flex;align-items:center;gap:8px}
.nd-title{font-size:12px;font-weight:700;color:var(--wht);flex:1}
.nd-read-all{background:none;border:none;font-family:var(--fm);font-size:8px;color:var(--ac);
  cursor:pointer;letter-spacing:.08em;padding:3px 6px;border-radius:4px;transition:.15s}
.nd-read-all:hover{background:var(--aca)}
.nd-list{max-height:320px;overflow-y:auto}
.nd-item{padding:10px 16px;border-bottom:1px solid var(--lne2);cursor:pointer;
  transition:background .15s;position:relative;display:flex;gap:10px}
.nd-item:last-child{border-bottom:none}
.nd-item:hover{background:var(--aca)}
.nd-item.unread{background:rgba(90,111,240,.04)}
.nd-item.unread::before{content:'';position:absolute;left:0;top:0;bottom:0;width:3px;border-radius:0}
.nd-item.unread.t-success::before{background:var(--gr)}
.nd-item.unread.t-warning::before{background:var(--wa)}
.nd-item.unread.t-error::before{background:var(--rd)}
.nd-item.unread.t-info::before{background:var(--ac)}
.nd-icon{font-size:16px;flex-shrink:0;margin-top:1px}
.nd-body{flex:1;min-width:0}
.nd-ntitle{font-size:11px;font-weight:600;color:var(--wht);margin-bottom:2px;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.nd-item:not(.unread) .nd-ntitle{color:var(--pale)}
.nd-desc{font-family:var(--fm);font-size:9px;color:var(--soft);line-height:1.5;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.nd-time{font-family:var(--fm);font-size:8px;color:var(--dim);margin-top:3px}
.nd-empty{padding:28px;text-align:center;font-family:var(--fm);font-size:9px;color:var(--soft)}

/* ── BUTTONS ── */
.btn{display:inline-flex;align-items:center;gap:6px;padding:7px 16px;border-radius:7px;
  font-family:var(--fh);font-size:11px;font-weight:600;cursor:pointer;border:none;
  transition:all .2s;letter-spacing:.02em}
.btn-ac{background:var(--ac);color:#fff}.btn-ac:hover{filter:brightness(1.12);box-shadow:0 0 20px rgba(90,111,240,.4)}
.btn-outline{background:none;color:var(--lite);border:1px solid var(--line)!important}.btn-outline:hover{border-color:var(--acb)!important;color:var(--wht)}
.btn-rd{background:var(--rd);color:#fff}.btn-rd:hover{filter:brightness(1.1)}
.btn-ghost{background:none;color:var(--mid);border:none}.btn-ghost:hover{color:var(--lite)}
.btn-sm{padding:5px 12px;font-size:10px}
.btn-xs{padding:3px 9px;font-size:9px;border-radius:5px}

/* ── VIEWS ── */
.view{display:none;min-height:calc(100vh - 54px);position:relative;z-index:1}
.view.on{display:block}

/* ── AUTH VIEW ── */
.auth-wrap{min-height:calc(100vh - 54px);display:flex;align-items:center;justify-content:center;padding:40px 20px}
.auth-card{width:100%;max-width:400px;background:var(--bg2);border:1px solid var(--line);border-radius:14px;padding:32px;position:relative;overflow:hidden}
.auth-card::before{content:'';position:absolute;top:-60px;right:-60px;width:200px;height:200px;
  background:radial-gradient(circle,rgba(90,111,240,.08) 0%,transparent 70%);pointer-events:none}
.auth-eyebrow{font-family:var(--fm);font-size:8px;color:var(--ac);letter-spacing:.3em;text-transform:uppercase;margin-bottom:10px}
.auth-title{font-size:22px;font-weight:700;color:var(--wht);letter-spacing:-.03em;margin-bottom:4px}
.auth-sub{font-size:13px;font-weight:300;color:var(--mid);margin-bottom:24px}
.fg{display:flex;flex-direction:column;gap:5px;margin-bottom:14px}
.fl{font-family:var(--fm);font-size:8px;color:var(--soft);letter-spacing:.16em;text-transform:uppercase}
.fi{background:var(--bg3);border:1px solid var(--line);border-radius:7px;padding:10px 14px;
  font-family:var(--fh);font-size:13px;color:var(--lite);outline:none;transition:.2s;width:100%}
.fi:focus{border-color:var(--acb);box-shadow:0 0 0 3px var(--aca)}
.fi::placeholder{color:var(--soft)}
:root.light .fi{color:var(--lite)}
.auth-error{font-family:var(--fm);font-size:9px;color:var(--rd);margin-bottom:10px;display:none;padding:7px 10px;background:var(--rda);border:1px solid var(--rdb);border-radius:5px}
.auth-error.show{display:block}
.auth-switch{text-align:center;margin-top:16px;font-size:12px;font-weight:300;color:var(--mid)}
.auth-switch a{color:var(--ac);cursor:pointer;font-weight:500}

/* ── DASHBOARD ── */
.dash{max-width:1100px;margin:0 auto;padding:32px 28px}
.dash-greeting{margin-bottom:28px}
.dg-eyebrow{font-family:var(--fm);font-size:8px;color:var(--mid);letter-spacing:.22em;text-transform:uppercase;margin-bottom:6px}
.dg-title{font-size:clamp(20px,2.5vw,28px);font-weight:700;color:var(--wht);letter-spacing:-.03em}
.dg-nxs{font-family:var(--fm);font-size:11px;color:var(--ac);margin-top:4px;display:flex;align-items:center;gap:8px}
.copy-chip{background:none;border:1px solid var(--acb);border-radius:4px;color:var(--ac);
  font-family:var(--fm);font-size:8px;padding:2px 7px;cursor:pointer;transition:.15s}
.copy-chip:hover{background:var(--aca)}

/* STAT ROW */
.stat-row{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:28px}
@media(max-width:700px){.stat-row{grid-template-columns:repeat(2,1fr)}}
.stat-card{background:var(--bg2);border:1px solid var(--line);border-radius:10px;padding:16px;position:relative;overflow:hidden}
.stat-card::after{content:'';position:absolute;inset:0;background:linear-gradient(135deg,var(--aca),transparent);pointer-events:none}
.sc-v{font-size:24px;font-weight:800;color:var(--wht);letter-spacing:-.03em}
.sc-l{font-family:var(--fm);font-size:8px;color:var(--soft);letter-spacing:.14em;text-transform:uppercase;margin-top:4px}
.sc-badge{font-family:var(--fm);font-size:8px;margin-top:4px}

/* ROLE BADGE */
.rbadge{display:inline-flex;align-items:center;gap:3px;font-family:var(--fm);
  font-size:7px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;
  padding:2px 8px;border-radius:2px;border:1px solid}
.rbadge-admin   {color:var(--rd);border-color:var(--rdb);background:var(--rda)}
.rbadge-architect{color:var(--wa);border-color:var(--wab);background:var(--waa)}
.rbadge-dev     {color:var(--ac);border-color:var(--acb);background:var(--aca)}
.rbadge-user    {color:var(--pale);border-color:rgba(112,128,168,.2);background:rgba(112,128,168,.05)}

/* SECTIONS */
.section{background:var(--bg2);border:1px solid var(--line);border-radius:12px;margin-bottom:20px;overflow:hidden}
.section-hdr{padding:16px 20px;border-bottom:1px solid var(--lne2);display:flex;align-items:center;gap:10px}
.section-title{font-size:13px;font-weight:700;color:var(--wht)}
.section-sub{font-family:var(--fm);font-size:8px;color:var(--soft);letter-spacing:.1em;margin-left:auto}
.section-body{padding:20px}

/* MASTER KEY DISPLAY */
.master-key-box{background:var(--bg);border:1px solid var(--acb);border-radius:8px;padding:14px 16px;
  display:flex;align-items:center;gap:12px;margin-bottom:12px;font-family:var(--fm)}
.mk-value{flex:1;font-size:11px;color:var(--ac);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
  filter:blur(4px);transition:.2s;cursor:pointer}
.mk-value:hover{filter:blur(0)}
.mk-label{font-size:8px;color:var(--soft);letter-spacing:.12em;text-transform:uppercase;margin-bottom:6px}
.mk-warning{font-family:var(--fm);font-size:9px;color:var(--wa);display:flex;align-items:center;gap:6px;
  padding:8px 12px;background:var(--waa);border:1px solid var(--wab);border-radius:5px;margin-bottom:14px}

/* DERIVE KEY */
.derive-grid{display:grid;grid-template-columns:1fr 1fr auto;gap:10px;align-items:end}
.fsi{background:var(--bg3);border:1px solid var(--line);border-radius:6px;padding:8px 12px;
  font-family:var(--fh);font-size:12px;color:var(--lite);outline:none;transition:.2s;width:100%}
.fsi:focus{border-color:var(--acb)}
.fsi option{background:var(--bg3)}
:root.light .fsi{color:var(--lite)}
:root.light .fsi option{background:#fff}
.derived-key-result{background:var(--bg);border:1px solid var(--grb);border-radius:8px;
  padding:12px 14px;font-family:var(--fm);font-size:10px;color:var(--gr);
  display:none;margin-top:12px;word-break:break-all;line-height:1.8}
.derived-key-result.show{display:block}
.dkr-label{font-size:8px;color:var(--soft);letter-spacing:.14em;text-transform:uppercase;margin-bottom:6px}
.dkr-note{font-size:8px;color:var(--mid);margin-top:8px;line-height:1.7}

/* KEY TYPE TABS */
.type-tab{flex:1;padding:12px 14px;border-radius:8px;border:1px solid var(--line);
  background:var(--bg3);cursor:pointer;transition:all .18s}
.type-tab:hover{border-color:var(--acb)}
.type-tab.on{border-color:var(--acb);background:var(--aca)}
.tt-icon{font-size:18px;margin-bottom:5px}
.tt-label{font-size:12px;font-weight:700;color:var(--wht);margin-bottom:2px}
.tt-sub{font-family:var(--fm);font-size:9px;color:var(--soft)}
.key-table{width:100%;border-collapse:collapse}
.key-table th{font-family:var(--fm);font-size:8px;color:var(--soft);letter-spacing:.14em;
  text-transform:uppercase;padding:6px 12px;border-bottom:1px solid var(--lne2);text-align:left;font-weight:400}
.key-table td{padding:9px 12px;border-bottom:1px solid var(--lne2);font-family:var(--fm);
  font-size:10px;color:var(--pale);vertical-align:middle}
.key-table tr:last-child td{border-bottom:none}
.key-table tr:hover td{background:rgba(90,111,240,.03)}
.key-name{color:var(--wht);font-weight:500;font-family:var(--fh);font-size:12px}
.svc-chip{padding:2px 8px;border-radius:2px;font-family:var(--fm);font-size:8px;letter-spacing:.1em;
  text-transform:uppercase;border:1px solid}
.svc-forums   {color:var(--ac);border-color:var(--acb);background:var(--aca)}
.svc-store    {color:var(--gr);border-color:var(--grb);background:var(--gra)}
.svc-wallpapers{color:var(--pu);border-color:var(--pub);background:var(--pua)}
.svc-api      {color:var(--wa);border-color:var(--wab);background:var(--waa)}
.svc-cortex   {color:var(--rd);border-color:var(--rdb);background:var(--rda)}
.svc-wildcard {color:var(--pale);border-color:rgba(112,128,168,.2);background:rgba(112,128,168,.05)}
.revoked-row td{opacity:.4}

/* AUDIT LOG */
.audit-row{display:flex;align-items:center;gap:10px;padding:8px 0;border-bottom:1px solid var(--lne2)}
.audit-row:last-child{border-bottom:none}
.audit-event{font-family:var(--fm);font-size:9px;padding:2px 7px;border-radius:2px;
  letter-spacing:.1em;text-transform:uppercase;flex-shrink:0}
.ev-register   {color:var(--gr);background:var(--gra);border:1px solid var(--grb)}
.ev-login      {color:var(--ac);background:var(--aca);border:1px solid var(--acb)}
.ev-login_fail {color:var(--rd);background:var(--rda);border:1px solid var(--rdb)}
.ev-verify_ok  {color:var(--gr);background:var(--gra);border:1px solid var(--grb)}
.ev-verify_fail{color:var(--rd);background:var(--rda);border:1px solid var(--rdb)}
.ev-key_derive {color:var(--pu);background:var(--pua);border:1px solid var(--pub)}
.ev-key_revoke {color:var(--wa);background:var(--waa);border:1px solid var(--wab)}
.ev-key_rotate {color:var(--rd);background:var(--rda);border:1px solid var(--rdb)}
.ev-default    {color:var(--pale);background:rgba(112,128,168,.05);border:1px solid rgba(112,128,168,.15)}
.audit-detail{flex:1;font-family:var(--fm);font-size:9px;color:var(--soft)}
.audit-time{font-family:var(--fm);font-size:8px;color:var(--dim);flex-shrink:0}

/* ROTATE KEY */
.rotate-box{background:var(--rda);border:1px solid var(--rdb);border-radius:8px;padding:16px;display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.rotate-text{flex:1;font-size:12px;font-weight:300;color:var(--lite)}
.rotate-text strong{color:var(--rd)}

/* SERVICE CARDS */
.service-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:10px}
.service-card{background:var(--bg3);border:1px solid var(--line);border-radius:9px;
  padding:14px;transition:border-color .2s,transform .2s;cursor:pointer}
.service-card:hover{border-color:var(--acb);transform:translateY(-2px)}
.service-card.connected{border-color:var(--grb)}
.sc-icon{font-size:22px;margin-bottom:8px}
.sc-name{font-size:13px;font-weight:700;color:var(--wht);margin-bottom:4px}
.sc-desc{font-family:var(--fm);font-size:9px;color:var(--soft);line-height:1.6}
.sc-status{font-family:var(--fm);font-size:8px;margin-top:8px}
.sc-status.ok{color:var(--gr)}.sc-status.na{color:var(--soft)}

/* MODALS */
.modal-bg{display:none;position:fixed;inset:0;z-index:500;
  background:rgba(6,7,9,.88);backdrop-filter:blur(10px);
  align-items:center;justify-content:center}
.modal-bg.open{display:flex}
:root.light .modal-bg{background:rgba(200,205,220,.7)}
.modal{background:var(--bg2);border:1px solid var(--line);border-radius:14px;padding:28px;
  width:90%;max-width:460px}
:root.light .modal{box-shadow:0 8px 40px rgba(0,0,0,.15)}
.modal-title{font-size:17px;font-weight:700;color:var(--wht);margin-bottom:18px;letter-spacing:-.02em}
.modal-actions{display:flex;gap:8px;margin-top:16px}
.modal-btn{flex:1;padding:10px;border-radius:7px;font-family:var(--fh);font-size:11px;
  font-weight:600;cursor:pointer;border:none;transition:.2s}
.mbtn-p{background:var(--ac);color:#fff}.mbtn-p:hover{filter:brightness(1.1)}
.mbtn-p.danger{background:var(--rd)}.mbtn-p.danger:hover{filter:brightness(1.1)}
.mbtn-g{background:var(--bg3);color:var(--pale);border:1px solid var(--line)!important}
.mbtn-g:hover{border-color:var(--acb)!important;color:var(--wht)}
.modal-err{font-family:var(--fm);font-size:9px;color:var(--rd);margin-bottom:8px;display:none}
.modal-err.show{display:block}

/* TOAST */
.toast{position:fixed;bottom:22px;right:22px;z-index:700;
  background:var(--bg2);border:1px solid var(--acb);border-radius:8px;
  padding:9px 16px;font-family:var(--fm);font-size:9px;color:var(--pale);
  box-shadow:0 4px 24px rgba(0,0,0,.7);animation:fadeup .3s ease}
:root.light .toast{box-shadow:0 4px 20px rgba(0,0,0,.12)}
@keyframes fadeup{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}

/* EMPTY */
.empty{text-align:center;padding:40px;font-family:var(--fm);font-size:10px;color:var(--soft)}
.empty-icon{font-size:28px;margin-bottom:8px;opacity:.3}

/* INTRO */
.intro{max-width:680px;margin:60px auto;padding:0 28px;text-align:center}
.intro-title{font-size:clamp(28px,4vw,44px);font-weight:800;color:var(--wht);
  letter-spacing:-.04em;margin-bottom:16px;line-height:1.1}
.intro-sub{font-size:15px;font-weight:300;color:var(--mid);line-height:1.8;margin-bottom:32px}
.intro-feat{display:flex;gap:16px;justify-content:center;flex-wrap:wrap;margin-bottom:40px}
.ifeat{background:var(--bg2);border:1px solid var(--line);border-radius:9px;
  padding:14px 18px;font-family:var(--fm);font-size:10px;color:var(--pale);
  display:flex;align-items:center;gap:8px}
.ifeat-icon{font-size:16px}

/* HAMBURGER */
.nx-burger{display:none;background:none;border:none;cursor:pointer;padding:6px;flex-direction:column;gap:4px}
.nx-burger span{display:block;width:18px;height:2px;background:var(--mid);border-radius:1px;transition:.3s}
.nx-burger:hover span{background:var(--ac)}
.nx-burger.open span:nth-child(1){transform:translateY(6px) rotate(45deg)}
.nx-burger.open span:nth-child(2){opacity:0}
.nx-burger.open span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}
.nx-mobile-menu{display:none;position:fixed;top:54px;left:0;right:0;background:rgba(6,7,9,.97);backdrop-filter:blur(16px);border-bottom:1px solid var(--line);z-index:99;padding:12px 16px;flex-direction:column;gap:6px}
.nx-mobile-menu.open{display:flex}
:root.light .nx-mobile-menu{background:rgba(245,246,250,.98)}
.nx-mobile-menu button,.nx-mobile-menu a{font-family:var(--fm);font-size:10px;color:var(--mid);letter-spacing:.08em;padding:8px 0;border:none;border-bottom:1px solid var(--lne2);background:none;cursor:pointer;text-align:left;text-decoration:none;display:block}
.nx-mobile-menu button:hover,.nx-mobile-menu a:hover{color:var(--ac)}

@media(max-width:768px){
  .nx-burger{display:flex}
  .hdr-right{display:none!important}
  .hdr-divider,.hdr-tag{display:none}
  .hdr{padding:0 14px;gap:10px}
  .dash{padding:20px 14px}
  .stat-row{grid-template-columns:repeat(2,1fr)}
  .derive-grid{grid-template-columns:1fr}
  .key-table th:nth-child(4),.key-table td:nth-child(4),
  .key-table th:nth-child(5),.key-table td:nth-child(5){display:none}
  .service-grid{grid-template-columns:repeat(2,1fr)}
  .rotate-box{flex-direction:column;text-align:center}
  .section-hdr{flex-wrap:wrap;gap:6px}
  .section-body{padding:14px}
  .master-key-box{flex-direction:column;align-items:flex-start;gap:8px}
  .auth-card{padding:20px}
  .intro{padding:0 14px;margin:40px auto}
  .intro-title{font-size:clamp(22px,5vw,32px)}
}
@media(max-width:480px){
  .hdr{height:48px}
  .logo-hex{width:26px;height:26px;font-size:10px}
  .logo-text{font-size:13px}
  .stat-row{grid-template-columns:1fr}
  .sc-v{font-size:18px}
  .service-grid{grid-template-columns:1fr}
  .intro-feat{flex-direction:column;align-items:center}
  .dg-title{font-size:18px}
  .audit-row{flex-direction:column;align-items:flex-start;gap:4px}
}