:root{--bg-0: #f4f7fb;--bg-1: #ffffff;--ink-0: #102033;--ink-1: #33485f;--ink-2: #6d8095;--line: #d8e0ea;--brand: #0f6c78;--brand-strong: #0b5660;--ok: #13795b;--warn: #b46f00;--danger: #a12b2b;--shadow: 0 10px 24px rgba(13, 30, 50, .08);--radius: 14px}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;color:var(--ink-0);font-family:IBM Plex Sans,Segoe UI,Trebuchet MS,sans-serif;background:radial-gradient(1200px 500px at 0% -10%,#d4f0ef 0%,transparent 60%),radial-gradient(1000px 600px at 100% 0%,#ffe8c7 0%,transparent 55%),var(--bg-0)}.page-shell{padding:18px}.page-card{background:var(--bg-1);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.app-title{margin:0;font-size:28px;letter-spacing:.2px}.app-subtitle{margin:6px 0 0;color:var(--ink-2);font-size:13px}button{border:0;border-radius:10px;background:linear-gradient(180deg,var(--brand) 0%,var(--brand-strong) 100%);color:#fff;font-weight:600;padding:9px 12px;cursor:pointer;transition:transform .12s ease,filter .12s ease}button:hover{filter:brightness(1.05);transform:translateY(-1px)}button:disabled{opacity:.55;cursor:not-allowed;transform:none}input,select,textarea{border:1px solid var(--line);border-radius:10px;background:#fff;color:var(--ink-0);font-family:inherit}input:focus,select:focus,textarea:focus{outline:2px solid #8fd7d7;border-color:#8fd7d7}.qty-input{width:100%;padding:8px;font-size:16px;font-weight:700;color:#4a3500;background:#fff3c4;border:2px solid #e8b931;border-radius:8px}.qty-input:focus{background:#ffeaa0;border-color:#d99a00;outline:3px solid rgba(217,154,0,.35)}.pill{display:inline-flex;align-items:center;gap:6px;padding:5px 9px;border-radius:999px;font-size:12px;font-weight:700}.pill-ok{background:#e5f6ef;color:var(--ok)}.pill-warn{background:#fff5e3;color:var(--warn)}.pill-danger{background:#fdeaea;color:var(--danger)}.notice-error{color:var(--danger);font-weight:600}.split-grid{display:grid;gap:16px}.panel{background:#fbfdff;border:1px solid var(--line);border-radius:12px;padding:12px}.section-title{margin:0 0 8px;font-size:14px;color:var(--ink-1);text-transform:uppercase;letter-spacing:.3px}.toolbar{display:flex;flex-wrap:wrap;gap:8px}.table-wrap{border:1px solid var(--line);border-radius:12px;overflow:auto;background:#fff}table{width:100%}thead th{position:sticky;top:0;z-index:2;background:#edf4fb}@media (max-width: 900px){.page-shell{padding:10px}}