:root{--background:#f9f9fc;--surface:#fff;--surface-low:#f3f3f6;--surface-high:#e8e8eb;--primary:#004bca;--primary-container:#0061ff;--on-primary:#fff;--on-surface:#1a1c1e;--on-surface-variant:#424656;--outline:#42465626;--error:#ba1a1a;--error-container:#ffdad6;--ok-container:#d4f5d0;--on-ok-container:#1a3a16;--warn-container:#fff3cd;--on-warn-container:#664d03;--radius:8px;--shadow:0 12px 32px -4px #1a1c1e0f}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;font-size:16px}body{color:var(--on-surface);background:var(--background);font-family:Heebo,Inter,system-ui,-apple-system,sans-serif;font-size:.875rem;line-height:1.5}button,input,select{font:inherit;color:inherit}.muted{color:var(--on-surface-variant)}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.8125rem}.num{font-variant-numeric:tabular-nums;text-align:end}.ltr{direction:ltr;unicode-bidi:isolate;display:inline-block}.brand{align-items:baseline;gap:6px;display:flex}.brand-name{letter-spacing:-.01em;color:var(--primary);font-size:1.125rem;font-weight:700}.brand-by{color:var(--on-surface-variant);font-size:.75rem}.btn{border-radius:var(--radius);border:1px solid var(--outline);background:var(--surface);cursor:pointer;white-space:nowrap;justify-content:center;align-items:center;gap:8px;min-height:36px;padding:8px 14px;display:inline-flex}.btn:hover:not(:disabled){background:var(--surface-low)}.btn:disabled{opacity:.5;cursor:default}.btn-primary{background:var(--primary-container);color:var(--on-primary);border-color:#0000;font-weight:600}.btn-primary:hover:not(:disabled){background:var(--primary)}.btn-secondary{font-weight:500}.btn-link{color:var(--primary);background:0 0;border:0;padding:4px 8px}.btn-link:hover:not(:disabled){background:0 0;text-decoration:underline}.btn-lg{width:100%;padding:12px 18px;font-size:1rem}.login{place-items:center;min-height:100vh;padding:16px;display:grid}.login-card{background:var(--surface);width:min(100%,380px);box-shadow:var(--shadow);text-align:center;border-radius:16px;flex-direction:column;gap:16px;padding:32px 28px;display:flex}.login-card .brand{justify-content:center}.login-card .brand-name{font-size:1.5rem}.denied-title{font-size:1.25rem;font-weight:600}.spinner{border:3px solid var(--surface-high);border-top-color:var(--primary);border-radius:50%;width:28px;height:28px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.shell{flex-direction:column;min-height:100vh;display:flex}.topbar{background:var(--surface);border-bottom:1px solid var(--outline);z-index:2;align-items:center;gap:24px;height:60px;padding:0 24px;display:flex;position:sticky;top:0}.topbar-middle{flex:1;align-items:center;gap:12px;min-width:0;display:flex}.topbar-end{align-items:center;gap:12px;display:flex}.customer-name{text-overflow:ellipsis;white-space:nowrap;font-size:1rem;font-weight:600;overflow:hidden}.badge{text-transform:uppercase;letter-spacing:.05em;background:var(--warn-container);color:var(--on-warn-container);border-radius:999px;padding:2px 8px;font-size:.6875rem;font-weight:600}.content{flex-direction:column;gap:16px;width:100%;max-width:1400px;margin:0 auto;padding:20px 24px 40px;display:flex}.toolbar{flex-wrap:wrap;align-items:end;gap:12px 16px;display:flex}.presets{flex-wrap:wrap;gap:6px;display:flex}.chip{border:1px solid var(--outline);background:var(--surface);cursor:pointer;border-radius:999px;padding:6px 12px}.chip:hover{background:var(--surface-low)}.chip-on{background:var(--primary-container);color:var(--on-primary);border-color:#0000;font-weight:600}.dates{gap:10px;display:flex}.field{flex-direction:column;gap:4px;min-width:0;display:flex}.field-label{text-transform:uppercase;letter-spacing:.05em;color:var(--on-surface-variant);font-size:.6875rem;font-weight:600}.field input,.field select,.search{border:1px solid var(--outline);border-radius:var(--radius);background:var(--surface);min-width:0;min-height:36px;padding:6px 10px}.field select{max-width:320px}.search{flex:240px;min-width:200px}.field input:focus,.field select:focus,.search:focus{outline:2px solid var(--primary-container);outline-offset:-1px}.results{flex-direction:column;gap:12px;display:flex}.results-head{align-items:baseline;gap:12px;display:flex}.count{font-size:1.25rem;font-weight:600}.notice{border-radius:var(--radius);background:var(--surface-low);border:1px solid var(--outline);padding:12px 14px}.notice-error{background:var(--error-container);color:var(--error);border-color:#0000}.table-wrap{background:var(--surface);border:1px solid var(--outline);border-radius:12px;overflow:auto}table{border-collapse:collapse;width:100%}th,td{text-align:start;border-bottom:1px solid var(--outline);white-space:nowrap;vertical-align:middle;padding:10px 12px}th{background:var(--surface-low);text-transform:uppercase;letter-spacing:.04em;color:var(--on-surface-variant);z-index:1;font-size:.75rem;font-weight:600;position:sticky;top:0}tbody tr:last-child td{border-bottom:0}tbody tr:hover td{background:var(--surface-low)}.trunc{text-overflow:ellipsis;vertical-align:bottom;max-width:280px;display:inline-block;overflow:hidden}.status{background:var(--surface-high);border-radius:999px;padding:2px 8px;font-size:.75rem;font-weight:600;display:inline-block}.status-sent{background:var(--ok-container);color:var(--on-ok-container)}.status-failed,.status-no_buyer_found{background:var(--error-container);color:var(--error)}.status-partial,.status-in_progress{background:var(--warn-container);color:var(--on-warn-container)}.pager{justify-content:center;align-items:center;gap:16px;padding:4px 0;display:flex}@media (width<=640px){.topbar{gap:12px;padding:0 16px}.user-email{display:none}.content{padding:12px 16px 32px}.dates{width:100%}.dates .field{flex:1}.search{flex-basis:100%}th,td{padding:8px 10px}}
