:root{--ink: #12202e;--ink-soft: #223547;--surface: #ffffff;--canvas: #f4f6f8;--line: #e2e6ea;--line-strong: #cbd2d9;--muted: #5b6672;--muted-soft: #8993a1;--accent: #b8873b;--accent-soft: #f3e6d0;--accent-ink: #6f5322;--success: #2f855a;--success-soft: #e3f3ea;--warning: #b7791f;--warning-soft: #fbf0da;--danger: #c53030;--danger-soft: #fbe6e6;--font-display: "Manrope", system-ui, sans-serif;--font-body: "Manrope", system-ui, sans-serif;--font-mono: "IBM Plex Mono", "SFMono-Regular", monospace;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--shadow-card: 0 1px 2px rgba(18, 32, 46, .04), 0 1px 12px rgba(18, 32, 46, .05);--shadow-pop: 0 8px 30px rgba(18, 32, 46, .14)}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:var(--font-body);background:var(--canvas);color:var(--ink);-webkit-font-smoothing:antialiased}a{color:inherit}button{font-family:inherit}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.chip-code{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-mono);font-size:11px;font-weight:600;letter-spacing:.03em;padding:3px 8px;border-radius:999px;background:var(--accent-soft);color:var(--accent-ink);border:1px solid rgba(184,135,59,.35);white-space:nowrap}.badge{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:600;padding:4px 10px;border-radius:999px;white-space:nowrap}.badge-draft,.badge-sent{background:var(--warning-soft);color:var(--warning)}.badge-sale,.badge-done{background:var(--success-soft);color:var(--success)}.badge-cancel{background:var(--danger-soft);color:var(--danger)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:600;font-size:14px;padding:9px 16px;border-radius:var(--radius-sm);border:1px solid transparent;cursor:pointer;transition:transform .05s ease,background .15s ease,border-color .15s ease}.btn:active{transform:translateY(1px)}.btn-primary{background:var(--ink);color:#fff}.btn-primary:hover{background:var(--ink-soft)}.btn-accent{background:var(--accent);color:#fff}.btn-accent:hover{filter:brightness(1.05)}.btn-outline{background:transparent;color:var(--ink);border-color:var(--line-strong)}.btn-outline:hover{border-color:var(--ink)}.btn-danger-outline{background:transparent;color:var(--danger);border-color:#c5303059}.btn-danger-outline:hover{background:var(--danger-soft)}.btn:disabled{opacity:.5;cursor:not-allowed}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-md);box-shadow:var(--shadow-card)}.input,.select{font-family:var(--font-body);font-size:14px;padding:9px 12px;border-radius:var(--radius-sm);border:1px solid var(--line-strong);background:var(--surface);color:var(--ink);width:100%}.input:focus,.select:focus{border-color:var(--accent)}label.field-label{display:block;font-size:12px;font-weight:600;color:var(--muted);margin-bottom:5px;text-transform:uppercase;letter-spacing:.04em}.scrollbar-thin::-webkit-scrollbar{width:8px;height:8px}.scrollbar-thin::-webkit-scrollbar-thumb{background:var(--line-strong);border-radius:8px}