:root{--bg:#090b0f;--card:#11151d;--card-2:#161c27;--ink:#f1f4f9;--muted:#8b96a9;--brand:#d4af37;--brand-d:#b89225;--brand-light:#f2d780;--brand-ink:#090b0f;--line:#222a38;--gold-line:rgba(212,175,55,0.34);--warn:#f59e0b;--bad:#f87171;--ok:#34d399}*{box-sizing:border-box}html{color-scheme:dark}body{margin:0;min-height:100vh;display:flex;flex-direction:column;font:15px/1.55 Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background-color:var(--bg);background-image:radial-gradient(ellipse 920px 420px at 50% -110px,rgba(212,175,55,.09),transparent 70%),radial-gradient(ellipse 600px 320px at 85% 0,rgba(148,163,184,.04),transparent 70%);color:var(--ink);-webkit-font-smoothing:antialiased}a{color:var(--brand-light);text-decoration:none;transition:color .15s ease}a:hover{color:#fff;text-decoration:underline}code{font-family:ui-monospace,Cascadia Code,SF Mono,Consolas,monospace;font-size:12.5px;background:var(--card-2);border:1px solid var(--line);color:var(--brand-light);padding:2px 6px;border-radius:5px}header.top{position:-webkit-sticky;position:sticky;top:0;z-index:40;background:rgba(9,11,15,.88);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--line);box-shadow:inset 0 1px 0 rgba(212,175,55,.22)}header.top .in{max-width:1120px;margin:0 auto;padding:12px 18px;display:flex;gap:18px;align-items:center;flex-wrap:wrap}header.top a{color:#cbd5e1;font-size:14px;font-weight:500;text-decoration:none}header.top a:hover{color:var(--brand-light);text-decoration:none}header.top .brand{margin-right:auto;color:var(--ink)}header.top .brand:hover{color:var(--ink)}.brand-lockup{display:inline-flex;align-items:center;gap:11px}.brand-crest{flex-shrink:0;filter:drop-shadow(0 2px 8px rgba(212,175,55,.18))}.brand-wordmark{display:flex;flex-direction:column;line-height:1.08}.brand-title{font-size:15.5px;font-weight:800;letter-spacing:.15em;color:var(--ink)}.brand-title .gold{color:var(--brand)}.brand-sub{font-size:9.5px;font-weight:600;letter-spacing:.24em;color:var(--muted);margin-top:2px}header.top button{background:transparent;border:1px solid var(--line);color:#cbd5e1;padding:5px 11px;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer}header.top button:hover{border-color:var(--gold-line);color:var(--brand-light);background:rgba(212,175,55,.06)}main{flex:1 1;width:100%;max-width:1120px;margin:0 auto;padding:26px 18px 64px}footer.foot{border-top:1px solid var(--line);padding:18px;text-align:center;font-size:12px;letter-spacing:.06em;color:var(--muted)}h1{margin:0 0 16px;font-size:25px;font-weight:700;letter-spacing:-.015em}h1,h2{color:var(--ink)}h2{font-size:17px;font-weight:600;letter-spacing:.01em;margin:26px 0 11px}.eyebrow{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:99px;font-size:10.5px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--brand-light);background:rgba(212,175,55,.1);border:1px solid var(--gold-line)}.card{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:18px;box-shadow:0 8px 28px rgba(0,0,0,.28)}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(215px,1fr));grid-gap:16px;gap:16px}.product{display:flex;flex-direction:column;padding:0;overflow:hidden;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}.product:hover{transform:translateY(-2px);border-color:var(--gold-line);box-shadow:0 12px 32px rgba(0,0,0,.42),0 0 0 1px rgba(212,175,55,.12);text-decoration:none}.product .img{aspect-ratio:1;background:var(--card-2);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:center;color:var(--muted);font-size:12px;letter-spacing:.08em;text-transform:uppercase}.imgbox img,.product img{width:100%;height:100%;object-fit:contain;background:#ffffff;padding:10px}.product .body{padding:14px;display:flex;flex-direction:column;gap:4px;flex:1 1}.product .name{font-weight:600;color:var(--ink);line-height:1.35}.price{font-weight:700;font-size:17px;color:var(--brand-light);margin-top:auto;padding-top:4px}.muted{color:var(--muted);font-size:13px}.chips{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px}.chip{padding:5px 13px;border:1px solid var(--line);border-radius:99px;background:var(--card);color:#cbd5e1;font-size:13px;transition:border-color .15s ease,color .15s ease,background .15s ease}.chip:hover{border-color:var(--gold-line);color:var(--ink);text-decoration:none}.chip.on{border-color:var(--brand);font-weight:600}.btn,.chip.on,button{background:linear-gradient(180deg,#dfc054,#c59d27);color:var(--brand-ink)}.btn,button{border:1px solid #d9b642;padding:9px 17px;border-radius:8px;font:inherit;font-weight:600;cursor:pointer;display:inline-block;box-shadow:0 2px 10px rgba(212,175,55,.16);transition:filter .15s ease,transform .1s ease}.btn:hover,button:hover{filter:brightness(1.07);color:var(--brand-ink);text-decoration:none}.btn.secondary,button.secondary{background:var(--card-2);color:var(--ink);border:1px solid var(--line);box-shadow:none}.btn.secondary:hover,button.secondary:hover{border-color:var(--gold-line);color:var(--brand-light);filter:none}button.danger{background:rgba(239,68,68,.16);color:#fca5a5;border-color:rgba(239,68,68,.4);box-shadow:none}button.danger:hover{background:rgba(239,68,68,.26);color:#fff}button:disabled{opacity:.55;cursor:wait}.btn.sm,button.sm{padding:4px 10px;font-size:13px}input,select,textarea{font:inherit;color:var(--ink);padding:9px 11px;border:1px solid #283244;border-radius:8px;width:100%;background:#0c0f16;transition:border-color .15s ease,box-shadow .15s ease}input::placeholder,textarea::placeholder{color:#5b667a}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 3px rgba(212,175,55,.15)}input[type=file]{padding:6px;color:var(--muted)}label{display:block;font-weight:600;font-size:13.5px;color:#d5dde8;margin:12px 0 5px}.row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.row>*{width:auto}.row input.grow{flex:1 1;min-width:180px}table{width:100%;border-collapse:collapse;background:var(--card);border:1px solid var(--line);border-radius:10px;overflow:hidden}td,th{padding:10px 12px;border-bottom:1px solid var(--line);text-align:left;vertical-align:middle}tbody tr:last-child td{border-bottom:0}th{background:var(--card-2);font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}td.num,th.num{text-align:right;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.badge{display:inline-block;padding:3px 10px;border-radius:99px;font-size:11.5px;font-weight:600;letter-spacing:.03em;background:var(--card-2);color:#cbd5e1;border:1px solid var(--line);white-space:nowrap}.badge.awaiting_payment{background:rgba(245,158,11,.14);color:#fcd34d;border-color:rgba(245,158,11,.35)}.badge.pending,.badge.proof_uploaded{background:rgba(59,130,246,.15);color:#93c5fd;border-color:rgba(59,130,246,.35)}.badge.approved,.badge.paid{background:rgba(16,185,129,.15);color:#6ee7b7;border-color:rgba(16,185,129,.35)}.badge.fulfilled{background:rgba(212,175,55,.16);color:var(--brand-light);border-color:var(--gold-line)}.badge.cancelled,.badge.rejected{background:rgba(239,68,68,.15);color:#fca5a5;border-color:rgba(239,68,68,.35)}.err{color:var(--bad)}.err,.okmsg{margin:8px 0}.okmsg{color:var(--ok);font-weight:600}.alert{background:rgba(212,175,55,.08);border:1px solid var(--gold-line);color:#f3e3a8;padding:11px 15px;border-radius:9px;margin-bottom:14px}.two{display:grid;grid-template-columns:1fr 1fr;grid-gap:16px;gap:16px}@media (max-width:760px){.two{grid-template-columns:1fr}}.detail{display:grid;grid-template-columns:minmax(240px,420px) 1fr;grid-gap:28px;gap:28px}@media (max-width:760px){.detail{grid-template-columns:1fr}}.imgbox{aspect-ratio:1;background:var(--card-2);border:1px solid var(--line);border-radius:12px;overflow:hidden;display:flex;align-items:center;justify-content:center}.login{max-width:410px;margin:48px auto}.auth-shell{max-width:420px;margin:44px auto}.auth-shell.wide{max-width:460px}.auth-head{text-align:center;margin-bottom:20px;display:flex;flex-direction:column;align-items:center;gap:12px}.auth-head h1{margin:2px 0 0;font-size:26px;letter-spacing:-.02em}.auth-head p{margin:0;max-width:360px}.auth-card{position:relative;background:linear-gradient(180deg,#141924,#0f131b);border:1px solid var(--gold-line);border-radius:14px;padding:24px 22px;box-shadow:0 20px 50px rgba(0,0,0,.55),inset 0 1px 0 rgba(245,222,147,.22)}.code-input{text-transform:uppercase;letter-spacing:.22em;font-weight:700;font-size:16px;text-align:center;color:var(--brand-light);border-color:var(--gold-line);background:#090c12}.vip-card{position:relative;background:radial-gradient(circle at 100% 0,rgba(212,175,55,.14),transparent 55%),linear-gradient(145deg,#151b27,#0d1017);border:1px solid var(--gold-line);border-radius:14px;padding:24px;box-shadow:0 18px 44px rgba(0,0,0,.45),inset 0 1px 0 rgba(245,222,147,.2)}.vip-code{display:inline-block;margin:10px 0 6px;padding:10px 18px;border-radius:10px;background:#090b0f;border:1px solid var(--gold-line);font-family:ui-monospace,Cascadia Code,SF Mono,Consolas,monospace;font-size:32px;font-weight:800;letter-spacing:.24em;color:var(--brand-light);text-shadow:0 0 20px rgba(212,175,55,.22)}.bank dt{color:var(--muted);font-size:12.5px;text-transform:uppercase;letter-spacing:.05em;margin-top:10px}.bank dd{margin:2px 0 0;font-weight:600;font-size:16px;color:var(--ink)}.qty{width:74px}.scroll{overflow-x:auto}