@font-face{font-family:Inter;src:url("assets/fonts/inter-400.ttf") format("truetype");font-weight:400;font-display:swap}
@font-face{font-family:Inter;src:url("assets/fonts/inter-600.ttf") format("truetype");font-weight:600;font-display:swap}
@font-face{font-family:JetBrains Mono;src:url("assets/fonts/jetbrains-mono-400.ttf") format("truetype");font-weight:400;font-display:swap}
:root{color-scheme:dark;--bg:#090b10;--panel:#10131a;--line:#252a36;--line-soft:#1b202a;--text:#f4f6fb;--muted:#8e98aa;--blue:#4e7cff;--green:#35d59a;--amber:#f0b94c;--red:#ff6474}
*{box-sizing:border-box}
body{margin:0;min-width:320px;background:var(--bg);color:var(--text);font-family:Inter,system-ui,sans-serif;font-size:14px}
button,a{font:inherit}
button{color:inherit}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.admin-header{position:sticky;top:0;z-index:10;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:22px;min-height:64px;padding:0 28px;border-bottom:1px solid var(--line-soft);background:rgba(9,11,16,.92);backdrop-filter:blur(16px)}
.admin-brand{display:flex;align-items:center;gap:10px;color:var(--text);font-weight:600;text-decoration:none}
.admin-brand img{width:26px;height:26px}
.admin-section{color:var(--muted)}
.admin-back{color:#aeb8ca;text-decoration:none}
.admin-back:hover{color:var(--text)}
.admin-shell{width:min(1440px,100%);margin:0 auto;padding:34px 28px 56px}
.access-panel{min-height:160px;display:grid;place-items:center;padding:24px;border:1px solid var(--line);background:var(--panel);color:var(--muted);text-align:center}
.access-panel.is-error{color:#ff9aa5}
.access-panel .steam-login{display:inline-flex;margin-top:12px;padding:10px 16px;border:0;background:var(--blue);color:white;text-decoration:none;font-weight:600}
.readiness{display:grid;grid-template-columns:minmax(240px,1fr) auto;gap:18px;align-items:end;padding:24px;border:1px solid var(--line);background:var(--panel)}
h1,h2{margin:0;line-height:1.1}h1{font-size:30px}h2{font-size:20px}
.primary-action,.quiet-action,.row-action{border:1px solid var(--line);background:#171c27;cursor:pointer}
.primary-action{min-height:42px;padding:0 17px;border-color:#496fdb;background:var(--blue);color:#071020;font-weight:600}
.primary-action:disabled,.row-action:disabled{opacity:.45;cursor:not-allowed}
.quiet-action{padding:8px 12px;color:#c0c8d6}
.readiness-list{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:8px;padding-top:17px;border-top:1px solid var(--line-soft)}
.system-state{display:flex;align-items:center;gap:8px;padding:7px 10px;border:1px solid var(--line);background:#0c0f15;color:#aeb7c7;font-size:12px}
.system-state::before{width:7px;height:7px;border-radius:50%;background:var(--red);content:""}
.system-state.is-ready::before{background:var(--green)}
.metrics{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));border:1px solid var(--line);border-top:0}
.metric{padding:18px 20px;border-right:1px solid var(--line-soft)}.metric:last-child{border-right:0}
.metric span{display:block;margin-bottom:7px;color:var(--muted);font-size:12px}.metric strong{font-family:"JetBrains Mono",monospace;font-size:24px;font-weight:400}
.orders-section{margin-top:24px;border:1px solid var(--line);background:var(--panel)}
.section-head{display:flex;justify-content:space-between;align-items:end;padding:20px 22px;border-bottom:1px solid var(--line-soft)}
.orders-table-wrap{overflow:auto}
.orders-table{width:100%;border-collapse:collapse;min-width:1040px}
.orders-table th,.orders-table td{padding:14px 16px;border-bottom:1px solid var(--line-soft);text-align:left;vertical-align:top}
.orders-table th{color:#76839a;font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase}
.orders-table tbody tr:hover{background:#121721}
.order-id,.mono{font-family:"JetBrains Mono",monospace}.order-id{color:#91a9ed;font-size:12px}
.cell-main{display:block;max-width:260px;color:#e8ebf2;font-weight:600}.cell-sub{display:block;margin-top:5px;color:var(--muted);font-size:12px}
.state-badge{display:inline-flex;padding:4px 7px;border:1px solid #343b4b;background:#171b24;color:#b7c0d0;font-size:11px}
.state-badge.is-good{border-color:#256b56;color:#65dfaf}.state-badge.is-warn{border-color:#725b2b;color:#f0c96e}.state-badge.is-bad{border-color:#783642;color:#ff8d9a}
.row-actions{display:flex;gap:7px}.row-action{padding:7px 9px;color:#bfc7d5;font-size:12px;white-space:nowrap}.row-action:hover{border-color:#4b5c7b;color:white}
.empty-state{margin:0;padding:40px;color:var(--muted);text-align:center}
.admin-toast{position:fixed;right:22px;bottom:22px;z-index:20;max-width:360px;padding:12px 15px;border:1px solid #3a4355;background:#171c26;color:white;opacity:0;pointer-events:none;transform:translateY(8px);transition:opacity .18s ease,transform .18s ease}.admin-toast.is-visible{opacity:1;transform:none}
@media(max-width:840px){.admin-header{grid-template-columns:1fr auto;padding:0 16px}.admin-section{display:none}.admin-shell{padding:20px 14px 44px}.readiness{grid-template-columns:1fr}.primary-action{width:100%}.readiness-list{grid-column:1}.metrics{grid-template-columns:repeat(2,1fr)}.metric{border-bottom:1px solid var(--line-soft)}.section-head{padding:17px 16px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}.admin-toast{transition:none}}