:root{--bg-base:#0f1117;--bg-surface:#1a1d27;--bg-elevated:#22263a;--bg-hover:#2a2f47;--border:#2e3350;--text-primary:#e8eaf6;--text-secondary:#8b93b8;--text-muted:#5a6285;--accent:#1a56db;--accent-hover:#1e40af;--accent-light:#1e40af33;--success:#10b981;--warning:#f59e0b;--danger:#ef4444;--brand-serif:"DM Serif Display", serif;--brand-mono:"DM Mono", monospace;--brand-sans:"DM Sans", sans-serif}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{font-family:var(--brand-sans);background:var(--bg-base);color:var(--text-primary);line-height:1.5}a{color:var(--accent);text-decoration:none}a:hover{color:var(--accent-hover)}button{cursor:pointer;font-family:var(--brand-sans)}input,select,textarea{font-family:var(--brand-sans);background:var(--bg-elevated);border:1px solid var(--border);color:var(--text-primary);border-radius:6px;outline:none;padding:8px 12px;transition:border-color .15s}input:focus,select:focus,textarea:focus{border-color:var(--accent)}input::placeholder{color:var(--text-muted)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-base)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}.badge{text-transform:uppercase;letter-spacing:.05em;border-radius:9999px;align-items:center;padding:2px 8px;font-size:12px;font-weight:600;display:inline-flex}.badge-draft{background:var(--bg-elevated);color:var(--text-secondary);border:1px solid var(--border)}.badge-pending{color:#f59e0b;background:#f59e0b22;border:1px solid #f59e0b44}.badge-paid{color:#10b981;background:#10b98122;border:1px solid #10b98144}.badge-shipped{color:#60a5fa;background:#1a56db22;border:1px solid #1a56db44}.badge-cancelled{color:#ef4444;background:#ef444422;border:1px solid #ef444444}.badge-delivered{color:#10b981;background:#10b98122;border:1px solid #10b98144}.badge-exception{color:#ef4444;background:#ef444422;border:1px solid #ef444444}.toast-container{z-index:9999;flex-direction:column;gap:8px;display:flex;position:fixed;bottom:24px;right:24px}.toast{border-radius:8px;min-width:260px;padding:12px 16px;font-size:14px;animation:.2s slideIn;box-shadow:0 4px 16px #0006}.toast-success{color:#fff;background:#10b981}.toast-error{color:#fff;background:#ef4444}.toast-info{background:var(--accent);color:#fff}@keyframes slideIn{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}