*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg-deep:#f0f2f5;--bg-base:#f7f8fa;--bg-card:#fff;--bg-hover:#f0f2f5;--bg-border:#dfe3ea;--bg-surface:#fff;--gold:#b8941d;--gold-hot:#d4af37;--gold-glow:#b8941d14;--amber:#d97706;--green:#16a34a;--green-bg:#16a34a0f;--red:#dc2626;--red-bg:#dc26260d;--purple:#7c3aed;--blue:#1e40af;--text-1:#0c1017;--text-2:#4a5568;--text-3:#8896a8;--header-bg:linear-gradient(180deg,#0c1017 0%,#1a1f2e 100%);--body-gradient:none;--card-shadow:0 1px 4px #0000000f, 0 2px 12px #0000000a;--card-hover-shadow:0 4px 20px #0000001a}[data-theme=dark]{--bg-deep:#0c1017;--bg-base:#131925;--bg-card:#1a2135;--bg-hover:#212a40;--bg-border:#2a3550;--bg-surface:#0e1320;--gold:#d4af37;--gold-hot:#f5c860;--gold-glow:#d4af371f;--amber:#f59e0b;--green:#22c55e;--green-bg:#22c55e14;--red:#ef4444;--red-bg:#ef444414;--purple:#a78bfa;--blue:#60a5fa;--text-1:#e8ecf4;--text-2:#8896b0;--text-3:#556480;--header-bg:linear-gradient(180deg,#0e1320 0%,#131925 100%);--body-gradient:radial-gradient(ellipse 80% 50% at 50% -20%, #d4af370a, transparent), linear-gradient(180deg, var(--bg-deep) 0%, #0a0e14 100%);--card-shadow:0 2px 8px #00000040;--card-hover-shadow:0 8px 24px #0006}html,body{overflow-x:hidden}body{color:#0c1017;background:#f8fafc;max-width:100vw;min-height:100vh;font-family:Outfit,system-ui,-apple-system,sans-serif;line-height:1.5;transition:background .3s,color .3s}.mono{font-family:JetBrains Mono,ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.no-scrollbar::-webkit-scrollbar{display:none}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.card{background:var(--bg-card);border:1px solid var(--bg-border);box-shadow:var(--card-shadow);border-radius:12px;padding:16px 18px}.card:hover{box-shadow:var(--card-hover-shadow)}.app-header{background:var(--header-bg);border-bottom:1px solid var(--bg-border);z-index:100;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);position:sticky;top:0}.app-header-inner{justify-content:space-between;align-items:center;gap:12px;max-width:1400px;height:56px;margin:0 auto;padding:0 20px;display:flex}.brand-mark{background:linear-gradient(135deg, var(--gold), var(--gold-hot));color:#0c1017;width:32px;height:32px;box-shadow:0 0 14px var(--gold-glow);border-radius:8px;justify-content:center;align-items:center;font-weight:900;display:flex}.brand-text{letter-spacing:2px;text-transform:uppercase;color:#e8ecf4;font-size:15px;font-weight:800}.brand-sub{letter-spacing:3px;color:var(--gold);text-transform:uppercase;margin-top:-2px;font-size:9px;font-weight:600}.pill{background:var(--bg-hover);color:var(--text-2);border:1px solid var(--bg-border);border-radius:999px;align-items:center;gap:6px;padding:6px 12px;font-size:11px;font-weight:700;text-decoration:none;transition:all .15s;display:inline-flex}.pill:hover{background:var(--bg-card);color:var(--gold);border-color:var(--gold)}.pill.primary{background:var(--gold);color:#0c1017;border-color:var(--gold)}.pill.primary:hover{background:var(--gold-hot)}.pill.danger{background:var(--red-bg);color:var(--red);border-color:var(--red)}input,select,textarea,button{font-family:inherit}.surface-light{color:#0c1017;background:#f8fafc}