:root{--bg: #f6f7f5;--paper: #ffffff;--ink: #1d2226;--ink-2: #4b545b;--ink-3: #646e77;--line: #e2e5e1;--line-2: #c9cec8;--accent: #0d757e;--accent-soft: #e0f1f2;--warn: #9a5b00;--warn-soft: #fbefd9;--bad: #a3282d;--bad-soft: #f8e3e3;--ok: #2f6b3a;--ok-soft: #e3f0e4;--pkg: #6b3fa0;--pkg-soft: #ece4f7;--on-accent: #ffffff;--on-bad: #ffffff;--mono: ui-monospace, "SF Mono", Menlo, Consolas, monospace;--sans: -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;color-scheme:light}@media (prefers-color-scheme: dark){:root:not([data-theme=light]){--bg: #15181b;--paper: #1d2126;--ink: #eceee9;--ink-2: #c2c7c4;--ink-3: #8e969b;--line: #2b3136;--line-2: #3c434a;--accent: #5fc5ce;--accent-soft: #12333a;--warn: #e2a84a;--warn-soft: #3a2a10;--bad: #ef8a8e;--bad-soft: #3d1c1e;--ok: #8fd39a;--ok-soft: #1b3320;--pkg: #c3a1ee;--pkg-soft: #2c2140;--on-accent: #15181b;--on-bad: #15181b;color-scheme:dark}}:root[data-theme=dark]{--bg: #15181b;--paper: #1d2126;--ink: #eceee9;--ink-2: #c2c7c4;--ink-3: #8e969b;--line: #2b3136;--line-2: #3c434a;--accent: #5fc5ce;--accent-soft: #12333a;--warn: #e2a84a;--warn-soft: #3a2a10;--bad: #ef8a8e;--bad-soft: #3d1c1e;--ok: #8fd39a;--ok-soft: #1b3320;--pkg: #c3a1ee;--pkg-soft: #2c2140;--on-accent: #15181b;--on-bad: #15181b;color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--sans);font-size:14px;line-height:1.45}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}h1{font-size:22px;margin:0 0 4px;letter-spacing:-.01em}h2{font-size:16px;margin:18px 0 8px}h3{font-size:13px;margin:14px 0 6px;text-transform:uppercase;letter-spacing:.06em;color:var(--ink-3);font-weight:600}code,.mono{font-family:var(--mono);font-size:12.5px}.num{font-variant-numeric:tabular-nums;text-align:right;white-space:nowrap}.muted{color:var(--ink-3)}.small{font-size:12px}.topbar{display:flex;align-items:center;gap:18px;padding:10px 18px;background:var(--paper);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20}.topbar .brand{font-weight:700;letter-spacing:-.01em}.topbar nav{display:flex;gap:4px;flex-wrap:wrap}.topbar nav a{padding:6px 10px;border-radius:6px;color:var(--ink-2)}.topbar nav a.active{background:var(--accent-soft);color:var(--accent)}.topbar .who{margin-left:auto;display:flex;gap:10px;align-items:center;font-size:13px}.demo-bar{background:var(--warn-soft);color:var(--warn);font-size:12.5px;padding:6px 18px;display:flex;gap:12px;align-items:center;flex-wrap:wrap}.demo-bar select{padding:3px 6px;border-radius:5px;border:1px solid var(--line-2);background:var(--paper);color:var(--ink)}main{max-width:1400px;margin:0 auto;padding:18px}.badge{display:inline-block;font-size:11px;font-weight:600;padding:2px 8px;border-radius:999px;letter-spacing:.03em;background:var(--accent-soft);color:var(--accent);white-space:nowrap;max-width:100%;overflow:hidden;text-overflow:ellipsis;vertical-align:bottom}.badge.ACTIVE{background:var(--ok-soft);color:var(--ok)}.badge.PREORDER{background:var(--warn-soft);color:var(--warn)}.badge.NOT_SELLING{background:var(--line);color:var(--ink-2)}.badge.DISCONTINUED{background:var(--bad-soft);color:var(--bad)}.badge.QUOTE,.badge.PACKAGE{background:var(--pkg-soft);color:var(--pkg)}.badge.SERVICE{background:var(--line);color:var(--ink-2)}.badge.flag{background:var(--bad-soft);color:var(--bad)}.badge.warn{background:var(--warn-soft);color:var(--warn)}.toolbar{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin:10px 0 12px}.toolbar input[type=search],.toolbar input[type=text]{flex:1 1 260px;min-width:200px}input[type=text],input[type=search],input[type=number],input[type=date],input[type=email],input[type=password],select,textarea{padding:7px 9px;border:1px solid var(--line-2);border-radius:6px;background:var(--paper);color:var(--ink)}input:focus,select:focus,textarea:focus{outline:2px solid var(--accent);outline-offset:1px;border-color:var(--accent)}a:focus-visible,button:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--accent);outline-offset:1px;border-radius:4px}textarea{width:100%;min-height:64px;resize:vertical}.btn{padding:7px 12px;border-radius:6px;border:1px solid var(--line-2);background:var(--paper);color:var(--ink)}.btn:hover{border-color:var(--accent)}.btn.primary{background:var(--accent);border-color:var(--accent);color:var(--on-accent);font-weight:600}.btn.danger{color:var(--bad);border-color:var(--bad)}.btn.small{padding:3px 8px;font-size:12px}.btn:disabled{opacity:.5;cursor:not-allowed}.tbl{overflow-x:auto;background:var(--paper);border:1px solid var(--line);border-radius:8px}table{border-collapse:collapse;width:100%;font-size:13px}th,td{padding:6px 9px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}th{font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:var(--ink-3);font-weight:600;background:var(--bg);position:sticky;top:0;white-space:nowrap}tr:last-child td{border-bottom:0}tr.row:hover td{background:var(--accent-soft);cursor:pointer}tr.row:focus-within td{background:var(--accent-soft)}td.k a{color:inherit}td.k a:hover,td.k a:focus-visible{color:var(--accent);text-decoration:underline}th.sort{cursor:pointer;user-select:none}th.sort:hover,th.sort.on{color:var(--accent)}th.sort .arrow{font-size:10px}.pager{display:flex;gap:6px;align-items:center;margin-left:auto}td.k{font-family:var(--mono);font-size:12px;white-space:nowrap}td.num.over{color:var(--bad);font-weight:600}.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:10px;margin:10px 0 16px}.card{background:var(--paper);border:1px solid var(--line);border-radius:8px;padding:10px 12px}.card .label{font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:var(--ink-3)}.card .big{font-size:22px;font-weight:650;font-variant-numeric:tabular-nums;margin-top:2px}.card.warn .big{color:var(--warn)}.card.bad .big{color:var(--bad)}a.card{display:block;color:inherit}a.card:hover{border-color:var(--accent);text-decoration:none}.grid2{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:12px}.panel{background:var(--paper);border:1px solid var(--line);border-radius:8px;padding:12px 14px}.panel h3{margin-top:0}.kv{display:grid;grid-template-columns:max-content 1fr;gap:3px 14px;font-size:13px}.kv .k{color:var(--ink-3)}.kv .v{font-variant-numeric:tabular-nums}.field{display:flex;flex-direction:column;gap:3px;margin-bottom:8px}.field .field-label{font-size:12px;color:var(--ink-3)}.form-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:6px 12px}.reason{display:block;border-left:3px solid var(--accent);padding:8px 10px;background:var(--accent-soft);border-radius:0 6px 6px 0;margin:10px 0}.reason .reason-label{display:block;font-weight:600;font-size:12.5px}.error{background:var(--bad-soft);color:var(--bad);padding:8px 10px;border-radius:6px;margin:8px 0}.notice{background:var(--warn-soft);color:var(--warn);padding:8px 10px;border-radius:6px;margin:8px 0}.modal-back{position:fixed;inset:0;background:#00000059;display:flex;align-items:flex-start;justify-content:center;padding:40px 12px;z-index:50;overflow:auto}.modal{background:var(--paper);border-radius:10px;width:min(860px,100%);padding:16px 18px 14px;box-shadow:0 12px 40px #00000040}.modal h2{margin-top:0}.actions{display:flex;gap:8px;justify-content:flex-end;margin-top:12px}.toast{position:fixed;right:18px;bottom:18px;background:var(--ink);color:var(--bg);padding:10px 14px;border-radius:8px;z-index:60;max-width:420px;font-size:13px}.toast.bad{background:var(--bad);color:var(--on-bad)}.loading{padding:40px;text-align:center;color:var(--ink-3)}.pkg-item{display:grid;grid-template-columns:1fr 80px 120px 32px;gap:8px;align-items:center;padding:6px 0;border-bottom:1px solid var(--line)}.drop{position:relative}.drop ul{position:absolute;left:0;right:0;top:100%;background:var(--paper);border:1px solid var(--line-2);border-radius:6px;list-style:none;margin:2px 0 0;padding:4px 0;max-height:260px;overflow:auto;z-index:30}.drop li{padding:5px 9px;cursor:pointer;font-size:13px}.drop li:hover,.drop li[aria-selected=true]{background:var(--accent-soft)}.chips{display:flex;gap:6px;flex-wrap:wrap}@media (max-width: 700px){.pkg-item{grid-template-columns:1fr 60px 90px 28px}main{padding:10px}}
