:root{color-scheme:light;--ink: #0a0a0a;--ink-muted: #5f6368;--surface: #f7f7f7;--panel: #ffffff;--line: #e5e7eb;--accent: #0a0a0a;--accent-soft: #ecfdf3;--success: #15803d;--warn: #92400e;--warn-soft: #fffbeb;--font: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}body{font-family:var(--font);color:var(--ink);background:var(--surface)}button,input{font:inherit}a{color:inherit}.shell{max-width:1100px;margin:0 auto;padding:1.25rem 1.25rem 2.5rem}.top{display:flex;flex-wrap:wrap;justify-content:space-between;gap:1rem;padding-bottom:1rem;border-bottom:1px solid var(--line);margin-bottom:1.25rem}.brand{display:flex;gap:.85rem;align-items:center}.brand h1{margin:0;font-size:1.35rem;font-weight:650;letter-spacing:-.02em}.eyebrow{font-size:.72rem;text-transform:uppercase;letter-spacing:.06em;color:var(--ink-muted);font-weight:600}.summary{display:flex;gap:1.25rem;flex-wrap:wrap}.summary .label,.label{display:block;font-size:.72rem;color:var(--ink-muted);font-weight:600;margin-bottom:.15rem}.summary strong,.stat strong{font-size:1.05rem}.main{display:grid;gap:1rem}.muted{color:var(--ink-muted)}.error{background:#fef2f2;border:1px solid #fecaca;border-radius:10px;padding:1rem}.error button,.back,button.linkish{background:var(--accent);color:#fff;border:0;border-radius:8px;padding:.45rem .8rem;cursor:pointer}button.linkish{background:transparent;color:var(--ink);padding:0;font-weight:600;text-align:left}.back{background:transparent;color:var(--ink-muted);border:1px solid var(--line);margin-bottom:.75rem}.table-wrap{background:var(--panel);border:1px solid var(--line);border-radius:12px;overflow:auto}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:.85rem 1rem;border-bottom:1px solid var(--line);vertical-align:top}th{font-size:.72rem;text-transform:uppercase;letter-spacing:.04em;color:var(--ink-muted)}tbody tr{cursor:pointer}tbody tr:hover{background:#fafafa}.pill{display:inline-flex;align-items:center;border-radius:999px;padding:.2rem .55rem;font-size:.78rem;font-weight:600;background:#f3f4f6;color:#374151}.pill-shipped,.pill-delivered,.pill-paid,.pill-accepted{background:var(--accent-soft);color:var(--success)}.pill-invoiced,.pill-ready_to_ship,.pill-quote_sent{background:#eff6ff;color:#1d4ed8}.pill-declined,.pill-lost{background:#fef2f2;color:#b91c1c}.pill-quoting,.pill-proposal,.pill-screening,.pill-invoice_draft{background:var(--warn-soft);color:var(--warn)}.detail{display:grid;gap:.85rem}.panel{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:1rem 1.1rem}.panel h2,.panel h3{margin:0}.panel h3{font-size:.95rem;margin-bottom:.65rem}.panel-head{display:flex;justify-content:space-between;gap:1rem;align-items:start;margin-bottom:1rem}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:.85rem}.rows{list-style:none;margin:0;padding:0;display:grid;gap:.65rem}.rows li{display:flex;justify-content:space-between;gap:1rem;padding-bottom:.65rem;border-bottom:1px solid var(--line)}.rows li:last-child{border-bottom:0;padding-bottom:0}.top-actions{display:flex;flex-wrap:wrap;gap:.75rem;align-items:start}.login{max-width:420px;margin:4rem auto;background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:1.5rem;display:grid;gap:.85rem}.login h1{margin:0;font-size:1.4rem}.login label{display:grid;gap:.25rem}.login input{border:1px solid var(--line);border-radius:8px;padding:.65rem .75rem}.login button[type=submit]{background:var(--accent);color:#fff;border:0;border-radius:8px;padding:.7rem .9rem;cursor:pointer;font-weight:600}button.primary{background:var(--accent);color:#fff;border:0;border-radius:8px;padding:.55rem .9rem;cursor:pointer;font-weight:600}.create-form{display:grid;gap:.9rem}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.85rem}.create-form label{display:grid;gap:.25rem}.create-form input,.create-form select,.create-form textarea{border:1px solid var(--line);border-radius:8px;padding:.65rem .75rem;font:inherit;background:#fff}.form-actions{display:flex;gap:.65rem;justify-content:flex-end;flex-wrap:wrap}@media(max-width:720px){.shell{padding:1rem}th:nth-child(4),td:nth-child(4){display:none}}