:root{--bg:#0f1115;--panel:#171a21;--panel-2:#1e222b;--text:#e6e8ec;--muted:#8b93a3;--border:#262b36;--brand:#ffb454;--brand-2:#ff7a45;--ok:#34c759;--warn:#fc0;--danger:#ff453a;--info:#5ac8fa;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color-scheme:dark}*{box-sizing:border-box}#root,body,html{height:100%;margin:0}body{background:var(--bg);color:var(--text)}a{color:inherit;text-decoration:none}.mono{font-family:ui-monospace,SF Mono,Menlo,monospace}.small{font-size:.8rem}.muted{color:var(--muted)}.app-shell{display:grid;grid-template-columns:220px 1fr;height:100vh}.sidebar{background:var(--panel);border-right:1px solid var(--border);padding:20px 14px}.brand{font-weight:700;font-size:1.15rem;margin-bottom:22px}.sidebar nav{display:flex;flex-direction:column;gap:4px}.nav-link{padding:9px 12px;border-radius:8px;color:var(--muted)}.nav-link:hover{background:var(--panel-2);color:var(--text)}.nav-link.active{background:var(--panel-2);color:var(--brand)}.main{display:flex;flex-direction:column;overflow:auto}.topbar{display:flex;justify-content:flex-end;align-items:center;gap:16px;padding:14px 24px;border-bottom:1px solid var(--border);background:var(--panel)}.who{color:var(--muted);font-size:.9rem}.content{padding:28px 32px;max-width:1100px}h1{margin-top:0}h2,h3{color:var(--text)}.card{background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:18px 20px;margin:14px 0}.grid{display:grid;grid-gap:14px;gap:14px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.stat{display:flex;flex-direction:column;padding:20px}.stat:hover{border-color:var(--brand)}.stat-num{font-size:1.8rem;font-weight:700;color:var(--brand)}.stat-num.warn{color:var(--warn)}.stat-label{color:var(--muted);font-size:.85rem;margin-top:4px}.btn{background:var(--panel-2);color:var(--text);border:1px solid var(--border);padding:8px 14px;border-radius:8px;cursor:pointer;font-size:.9rem}.btn:hover{border-color:var(--brand)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--brand);color:#1a1000;border-color:var(--brand);font-weight:600}.btn-primary:hover{background:var(--brand-2);border-color:var(--brand-2)}.btn-danger{color:var(--danger);border-color:var(--danger)}.btn-danger,.btn-ghost{background:transparent}.btn-small{padding:4px 9px;font-size:.8rem}.table{width:100%;border-collapse:collapse;margin-top:14px}.table td,.table th{padding:10px 12px;border-bottom:1px solid var(--border);text-align:left;vertical-align:top}.table th{color:var(--muted);font-weight:500;font-size:.85rem;text-transform:uppercase;letter-spacing:.03em}.row-warn td{background:rgba(255,204,0,.06)}.warn{color:var(--warn)}.pill{display:inline-block;padding:2px 9px;border-radius:999px;font-size:.75rem;text-transform:uppercase;letter-spacing:.04em;font-weight:600;background:var(--panel-2);color:var(--muted);border:1px solid var(--border)}.pill.approved,.pill.ok,.pill.placed{color:var(--ok);border-color:var(--ok)}.pill.cancelled,.pill.off,.pill.rejected{color:var(--danger);border-color:var(--danger)}.pill.pending_supplier,.pill.preparing{color:var(--warn);border-color:var(--warn)}.pill.delivered,.pill.received,.pill.shipped{color:var(--info);border-color:var(--info)}.alert{padding:10px 14px;border-radius:8px;margin:10px 0}.alert.error{background:rgba(255,69,58,.12);color:var(--danger);border:1px solid var(--danger)}.alert.info{background:rgba(90,200,250,.1);color:var(--info);border:1px solid var(--info)}label{display:flex;flex-direction:column;gap:4px;font-size:.85rem;color:var(--muted)}input,select{background:var(--panel-2);color:var(--text);border:1px solid var(--border);padding:8px 10px;border-radius:8px;font-size:.95rem;min-width:8rem}input:focus,select:focus{outline:none;border-color:var(--brand)}.inline-form{display:flex;align-items:flex-end;gap:12px;flex-wrap:wrap}.row{display:flex;gap:10px;align-items:center}.login-wrap{min-height:100vh;display:grid;place-items:center;background:var(--bg)}.login-card{width:340px;display:flex;flex-direction:column;gap:12px}.login-card h1{margin:0;text-align:center}.tip{color:var(--muted)}.tables-grid{display:grid;grid-template-columns:260px 1fr;grid-gap:16px;gap:16px;align-items:start}.tables-list{padding:14px}.tables-list h3{margin-top:0}.table-row{display:block;width:100%;text-align:left;padding:10px 12px;border-radius:8px;border:1px solid var(--border);background:var(--panel-2);margin-bottom:8px;color:var(--text);cursor:pointer;transition:border-color .12s ease,background .12s ease}.table-row.active,.table-row:hover{border-color:var(--brand)}.table-row.active{background:rgba(255,180,84,.06)}.row-between{display:flex;justify-content:space-between;align-items:center;gap:12px}.totals{padding:6px 0;border-top:1px solid var(--border)}.totals.grand{font-weight:700;font-size:1.1rem;color:var(--brand);border-top:2px solid var(--border)}.chat-log{max-height:340px;overflow-y:auto;background:var(--panel-2);border:1px solid var(--border);border-radius:8px;padding:12px}.chat-log,.chat-msg{margin-bottom:12px}.chat-msg.user .chat-role{color:var(--brand)}.chat-msg.assistant .chat-role{color:var(--info)}.chat-role{font-size:.72rem;text-transform:uppercase;letter-spacing:.06em;margin-bottom:4px}.chat-text{margin:0;padding:8px 10px;background:var(--panel);border:1px solid var(--border);border-radius:8px;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:.85rem;white-space:pre-wrap;word-break:break-word}.chat-msg.user .chat-text{border-color:var(--brand)}.chat-msg.assistant .chat-text{border-color:var(--info)}.chat-msg.pending .chat-text{color:var(--muted);font-style:italic}.chat-msg.pending .chat-text:after{content:"…";animation:dots 1.2s steps(4) infinite}@keyframes dots{0%,20%{content:""}40%{content:"."}60%{content:".."}80%,to{content:"..."}}