:root{color-scheme:light dark;--bg:light-dark(#f5f6f8,#16191f);--panel:light-dark(#fff,#20242c);--ink:light-dark(#202935,#e8edf5);--sub:light-dark(#687485,#a4afbf);--line:light-dark(#e3e7ed,#353d48);--brand:light-dark(#375ed9,#9bb2ff);--soft:light-dark(#eef2ff,#293554);--good:light-dark(#26704e,#8ed4ad)}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:14px/1.5 system-ui,sans-serif}header{display:flex;align-items:center;gap:12px;background:var(--panel);border-bottom:1px solid var(--line);padding:20px 28px}.logo{display:grid;place-items:center;background:var(--ink);color:var(--panel);width:32px;height:32px;border-radius:9px}header button{margin-left:auto}.layout{display:grid;grid-template-columns:190px minmax(0,1fr);min-height:calc(100vh - 73px)}aside{background:var(--panel);padding:22px 12px;border-right:1px solid var(--line)}.eyebrow{font-size:11px;letter-spacing:1px;color:var(--sub);margin:0 12px 12px}.nav{width:100%;text-align:left;border:0;background:transparent;margin-bottom:6px}.nav.selected{background:var(--soft);color:var(--brand)}main{padding:32px;max-width:1240px;width:100%;margin:auto;margin-top:0}h1{font-size:26px;margin:0 0 8px;letter-spacing:-.6px}h2{font-size:20px;margin:0 0 8px}h3{font-size:15px;margin:0 0 12px}p{margin:8px 0 20px}.dim,small{color:var(--sub)}small{display:block;font-size:12px;margin-top:4px}.top{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-bottom:24px;flex-wrap:wrap}.surface,.inventory,.context{background:var(--panel);border:1px solid var(--line);border-radius:10px}.surface{padding:26px}.context{padding:20px;align-self:start}.split{display:grid;grid-template-columns:minmax(0,1fr) 235px;gap:20px}.simrow{display:grid;grid-template-columns:1.3fr 1fr 1fr auto;gap:18px;padding:20px;border-bottom:1px solid var(--line);align-items:center}.simrow:last-child{border:0}.heading{font-size:12px;color:var(--sub);padding-block:12px}.number{font-variant-numeric:tabular-nums;white-space:nowrap}.pill{background:var(--soft);padding:4px 8px;border-radius:5px;font-size:12px;display:inline-block}.ok{color:var(--good)}button,input,select{font:inherit}button{border:1px solid var(--line);background:var(--panel);color:var(--ink);padding:10px 14px;border-radius:7px;cursor:pointer}button:disabled{opacity:.5;cursor:wait}.primary{background:var(--brand);color:light-dark(#fff,#162244);border-color:transparent;font-weight:600}.plain{border:0;background:transparent;padding-left:0;color:var(--brand)}.filters,.actions{display:flex;gap:8px;flex-wrap:wrap;margin:20px 0}.selected{background:var(--soft)}label{display:block;margin:18px 0 6px}input,select{padding:11px;width:100%;border-radius:7px;border:1px solid var(--line);background:var(--panel);color:var(--ink);margin-bottom:16px;min-width:0}.notice{padding:12px 16px;border-left:3px solid var(--brand);background:var(--soft);margin:20px 0}.steps{display:flex;flex-wrap:wrap;gap:14px;margin-bottom:24px;color:var(--sub);font-size:12px}.steps .current{color:var(--brand);font-weight:600}.codebox{text-align:center;padding:26px;background:var(--bg);border:1px solid var(--line);border-radius:8px;margin:20px 0}.code{font-size:38px;letter-spacing:9px;font-variant-numeric:tabular-nums;margin:12px 0}.context dt{font-size:12px;color:var(--sub);margin:16px 0 4px}.context dd{margin:0;overflow-wrap:anywhere}li{padding:5px 0}.statusline{padding:14px 0;display:flex;justify-content:space-between;gap:14px;border-bottom:1px solid var(--line)}#error{border:1px solid light-dark(#ad3444,#df7e8b);padding:14px;border-radius:8px;margin-bottom:18px}[hidden]{display:none!important}#login{max-width:450px}@media(max-width:850px){.layout{grid-template-columns:1fr}aside{display:flex;border-right:0;border-bottom:1px solid var(--line);padding:10px}.eyebrow{display:none}.nav{width:auto;margin:0}main{padding:20px}.split{grid-template-columns:minmax(0,1fr) 200px}}@media(max-width:600px){header{padding:14px;flex-wrap:wrap}.split{grid-template-columns:1fr}.context{order:-1}.simrow{grid-template-columns:1fr 1fr}.heading{display:none}.surface{padding:18px}main{padding:14px}input,select{font-size:16px}.context dl{display:flex;gap:14px;flex-wrap:wrap}.context h3{display:none}.context dt{margin:0}button{min-height:44px}}