:root{
  color-scheme:dark;
  --bg:#080b10;--bg2:#0d121a;--panel:rgba(17,24,34,.88);--panel-solid:#111822;
  --line:rgba(144,165,190,.17);--line-strong:rgba(144,165,190,.30);
  --text:#f4f6f8;--muted:#94a2b5;--soft:#cbd3dd;--accent:#f5a23a;--accent2:#ffbe64;
  --danger:#ff7f86;--success:#5bd3a1;--shadow:0 30px 100px rgba(0,0,0,.42);
}
*{box-sizing:border-box}
html,body{min-height:100%;background:var(--bg)}
body{margin:0;color:var(--text);font:15px/1.55 -apple-system,BlinkMacSystemFont,"SF Pro Text","Segoe UI",sans-serif;-webkit-font-smoothing:antialiased;background:radial-gradient(900px 540px at 50% -160px,rgba(245,162,58,.10),transparent 68%),linear-gradient(180deg,#0b1017 0%,#080b10 52%,#07090d 100%)}
a{color:var(--accent2);text-decoration:none}a:hover{text-decoration:underline}
.account-shell{width:min(100%,520px);min-height:100svh;margin:0 auto;padding:max(28px,env(safe-area-inset-top)) 24px max(28px,env(safe-area-inset-bottom));display:flex;flex-direction:column;justify-content:center}
.account-brand{display:flex;align-items:center;gap:12px;margin:0 auto 24px;width:min(100%,440px)}
.account-mark{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;overflow:hidden;background:#090b0e;box-shadow:0 8px 28px rgba(245,162,58,.16)}
.account-mark img{display:block;width:40px;height:40px;object-fit:cover}
.fallback-auth{margin-top:18px;border-top:1px solid var(--line);padding-top:14px}.fallback-auth summary{cursor:pointer;color:var(--accent2);font-weight:700}.fallback-auth[open] summary{margin-bottom:10px}
.account-brand-copy strong,.account-brand-copy span{display:block}.account-brand-copy strong{font-size:14px;letter-spacing:-.01em}.account-brand-copy span{font-size:11px;color:var(--muted);letter-spacing:.035em;margin-top:1px}
.auth-panel{width:min(100%,440px);margin:0 auto;background:linear-gradient(180deg,rgba(20,28,39,.96),rgba(14,20,29,.96));border:1px solid var(--line);border-radius:24px;padding:30px;box-shadow:var(--shadow);backdrop-filter:blur(22px)}
.eyebrow,.step-label{font-size:11px;line-height:1.2;font-weight:800;letter-spacing:.11em;text-transform:uppercase;color:var(--accent2);margin-bottom:12px}
h1{font-size:30px;line-height:1.14;letter-spacing:-.035em;margin:0 0 10px}h2{font-size:18px;margin:24px 0 10px}.lead{margin:0 0 22px;color:var(--muted);font-size:15px}.lead b{color:var(--text);font-weight:700;word-break:break-all}
.progress-track{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin:0 0 24px}.progress-track span{height:3px;border-radius:999px;background:#252e3a}.progress-track span.active{background:linear-gradient(90deg,var(--accent),var(--accent2))}.progress-track span.done{background:rgba(91,211,161,.62)}
.auth-form label{display:block;color:var(--soft);font-size:13px;font-weight:650;margin:16px 0 7px}.field-wrap{position:relative}
input{width:100%;height:52px;border:1px solid var(--line-strong);border-radius:14px;padding:0 15px;background:#0b1119;color:var(--text);outline:none;font:inherit;font-size:16px;transition:border-color .16s ease,box-shadow .16s ease,background .16s ease}
input::placeholder{color:#657183}input:focus{border-color:rgba(245,162,58,.72);box-shadow:0 0 0 4px rgba(245,162,58,.10);background:#0d141e}.otp-input{font-size:22px;letter-spacing:.28em;font-variant-numeric:tabular-nums;text-align:center;padding-left:calc(15px + .28em)}
.button{min-height:52px;width:100%;border-radius:14px;border:0;display:flex;align-items:center;justify-content:center;padding:0 18px;margin-top:18px;font:inherit;font-weight:800;cursor:pointer;text-decoration:none;transition:transform .14s ease,filter .14s ease,border-color .14s ease}.button:hover{text-decoration:none;filter:brightness(1.04)}.button:active{transform:translateY(1px)}
.button-primary{background:linear-gradient(135deg,var(--accent2),var(--accent));color:#17110a;box-shadow:0 12px 30px rgba(245,162,58,.18)}.button-secondary{background:#151e2a;color:var(--text);border:1px solid var(--line-strong)}.button-danger{background:rgba(255,127,134,.10);color:#ffb2b7;border:1px solid rgba(255,127,134,.36)}.button:disabled{opacity:.42;cursor:not-allowed;filter:none;transform:none}
.account-switch{text-align:center;color:var(--muted);margin:22px 0 0;font-size:13px}.fine-print{font-size:11px;line-height:1.6;color:#758397;margin:16px 2px 0}
.notice{border-radius:14px;padding:12px 14px;margin:16px 0;font-size:13px}.notice-error{background:rgba(255,127,134,.09);border:1px solid rgba(255,127,134,.24);color:#ffb2b7}.notice-success{background:rgba(91,211,161,.09);border:1px solid rgba(91,211,161,.24);color:#a7edce}
.success-hero{width:58px;height:58px;border-radius:18px;display:grid;place-items:center;margin:0 0 18px;background:linear-gradient(145deg,rgba(91,211,161,.22),rgba(91,211,161,.10));border:1px solid rgba(91,211,161,.26);color:#9fe8c8;font-size:27px;font-weight:900}.success-hero.mini{width:48px;height:48px;border-radius:15px;font-size:15px;letter-spacing:.1em;color:var(--accent2);background:rgba(245,162,58,.10);border-color:rgba(245,162,58,.22)}
.dev-note{font-size:11px;line-height:1.55;color:#77869a;margin:14px 2px}.dev-pill{display:inline-flex;align-items:center;height:20px;padding:0 7px;margin-right:5px;border:1px solid rgba(245,162,58,.28);border-radius:999px;color:var(--accent2);font-size:9px;font-weight:900;letter-spacing:.08em}
.mobile-enroll-card{margin:18px 0 0;padding:16px;border:1px solid var(--line);background:rgba(7,11,16,.45);border-radius:18px}.mobile-enroll-card .button{margin-top:0}.or-divider{display:flex;align-items:center;gap:10px;color:#69778a;font-size:11px;text-align:center;margin:16px 0}.or-divider:before,.or-divider:after{content:"";height:1px;background:var(--line);flex:1}.qr-details{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:12px 0}.qr-details summary{cursor:pointer;color:var(--soft);font-size:12px;list-style:none}.qr-details summary::-webkit-details-marker{display:none}.qr-details summary:after{content:"＋";float:right;color:var(--muted)}.qr-details[open] summary:after{content:"−"}.qr{text-align:center;padding-top:14px}.qr img{display:block;width:min(240px,80%);height:auto;margin:0 auto;background:white;padding:10px;border-radius:16px}.manual-key-block{margin-top:14px}.manual-key-block>span{display:block;color:var(--muted);font-size:11px;margin-bottom:7px}.secret{display:block;word-break:break-all;padding:11px 12px;border-radius:12px;background:#080d13;border:1px solid var(--line);color:#dce4ee;font:12px/1.5 ui-monospace,SFMono-Regular,Menlo,monospace}.copy-button{display:inline-flex;margin-top:8px;border:0;background:transparent;color:var(--accent2);font:inherit;font-size:11px;font-weight:800;padding:2px 0;cursor:pointer}.otp-form{margin-top:20px}
.account-footer{width:min(100%,440px);margin:20px auto 0;text-align:center;color:#596679;font-size:10px;letter-spacing:.04em}.footer-dot{margin:0 6px}
@media(max-width:560px){
  body{background:linear-gradient(180deg,#0b1017 0%,#080b10 68%,#07090d 100%)}
  .account-shell{width:100%;padding-left:20px;padding-right:20px;justify-content:flex-start}
  .account-brand{margin-top:8px;margin-bottom:26px}
  .auth-panel{border-radius:22px;padding:24px 20px;box-shadow:0 20px 70px rgba(0,0,0,.28)}
  h1{font-size:28px}.lead{font-size:14px}
}
@media(max-width:390px){.account-shell{padding-left:14px;padding-right:14px}.auth-panel{padding:22px 16px}.account-brand{padding-left:2px}.otp-input{letter-spacing:.22em}}
@media(min-width:900px){.account-shell{padding-top:52px;padding-bottom:52px}.auth-panel{padding:34px}.account-brand{margin-bottom:26px}}

/* Amber Account v0.1.15 superadmin */
.account-shell.account-shell-admin{width:min(100%,1200px);max-width:none;justify-content:flex-start;padding-left:28px;padding-right:28px}
.account-shell-admin .account-brand,.account-shell-admin .account-footer{width:min(100%,1120px)}
.account-shell-admin .account-brand{margin-top:18px;margin-bottom:0}.account-shell-admin .account-footer{margin-top:10px;margin-bottom:28px}
.admin-entry{margin-top:18px}
.admin-page{width:min(100%,1120px);margin:0 auto;padding:34px 0 50px}.admin-head{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:22px}.admin-head h1{margin-bottom:6px}.admin-head-actions{display:flex;align-items:center;gap:10px}.button.compact{width:auto;min-height:38px;margin:0;padding:0 14px;border-radius:11px;font-size:12px}.admin-warning{display:flex;gap:12px;align-items:flex-start;border:1px solid rgba(245,162,58,.25);background:rgba(245,162,58,.07);padding:14px 16px;border-radius:16px;margin:16px 0 18px}.admin-warning b{white-space:nowrap;color:var(--accent2)}.admin-warning span{color:var(--soft);font-size:13px}.admin-tools{margin:18px 0}.admin-tools input{max-width:520px}.admin-list{display:grid;grid-template-columns:1fr;gap:16px}.admin-card{border:1px solid var(--line);background:linear-gradient(180deg,rgba(17,24,34,.94),rgba(12,18,26,.94));border-radius:20px;padding:20px;box-shadow:0 18px 50px rgba(0,0,0,.18)}.admin-card[hidden]{display:none}.admin-card-head{display:flex;justify-content:space-between;gap:14px}.admin-card h2{font-size:18px;margin:0 0 2px}.admin-card p{margin:0}.admin-statuses{display:flex;align-items:flex-start;gap:6px;flex-wrap:wrap;justify-content:flex-end}.pill{display:inline-flex;align-items:center;min-height:25px;padding:3px 9px;border-radius:999px;border:1px solid var(--line-strong);font-size:10px;font-weight:850;letter-spacing:.04em;color:var(--soft);background:rgba(255,255,255,.025)}.pill.active{color:#a7edce;border-color:rgba(91,211,161,.28);background:rgba(91,211,161,.09)}.pill.super{color:#ffd49d;border-color:rgba(245,162,58,.32);background:rgba(245,162,58,.11)}.pill.warn{color:#ffcf95;border-color:rgba(255,190,100,.30);background:rgba(255,190,100,.08)}
.admin-entitlements{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;gap:12px;align-items:end;padding:16px 0;border-top:1px solid var(--line)}.admin-members{display:grid;gap:10px;margin-top:4px}.admin-member{display:grid;grid-template-columns:minmax(240px,1.5fr) minmax(150px,.8fr) minmax(170px,.8fr) auto;gap:12px;align-items:end;padding:14px;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.018)}.admin-member-id{display:grid;gap:6px}.admin-member-id code{font-size:11px;opacity:.72;word-break:break-all}.admin-member .admin-statuses{justify-content:flex-start}
.admin-entitlements label,.admin-member label{display:flex;flex-direction:column;gap:6px;color:var(--soft);font-size:12px;font-weight:750}.admin-danger-zone{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px;align-items:center;margin-top:16px;padding:14px 0 0;border-top:1px solid rgba(255,127,134,.20)}.admin-danger-zone>div{display:grid;gap:4px}.admin-danger-zone b{color:#ffb2b7;font-size:12px}.admin-danger-zone span,.admin-danger-zone small{color:var(--muted);font-size:11px}.admin-danger-zone form{margin:0}.admin-danger-zone .button{margin:0}.admin-danger-zone small{grid-column:1/-1}.admin-entitlements select,.admin-member select{height:44px;border:1px solid var(--line-strong);border-radius:12px;padding:0 12px;background:#0b1119;color:var(--text);font:inherit;outline:none}.admin-entitlements select:focus,.admin-member select:focus{border-color:rgba(245,162,58,.72);box-shadow:0 0 0 3px rgba(245,162,58,.09)}.admin-member small{font-size:10px;color:var(--accent2)}.admin-save{width:auto;min-width:128px;margin:0;min-height:44px}
.card.wide{width:min(100%,760px)}.row{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:18px}.grid>div{border:1px solid var(--line);border-radius:14px;padding:12px}.grid span,.grid strong{display:block}.grid span{font-size:10px;color:var(--muted);margin-bottom:4px}.grid strong{font-size:12px;word-break:break-all}.products{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.products article{display:flex;justify-content:space-between;align-items:center;gap:10px;border:1px solid var(--line);border-radius:14px;padding:12px}.ghost{border:1px solid var(--line-strong);background:#111925;color:var(--soft);min-height:34px;border-radius:10px;padding:0 11px;font:inherit;font-size:11px;cursor:pointer}
@media(max-width:860px){.account-shell.account-shell-admin{padding-left:14px;padding-right:14px}.admin-head{align-items:flex-start;flex-direction:column}.admin-head-actions{width:100%;justify-content:space-between}.admin-page{padding-top:24px}.admin-entitlements,.admin-member,.admin-danger-zone{grid-template-columns:1fr}.admin-member{align-items:stretch}.admin-save,.admin-danger-zone .button{width:100%}.grid,.products{grid-template-columns:1fr}}
