:root{--ink: #1a1a1a;--ink-muted: #525252;--ink-soft: #6b6b6b;--ink-faint: #9b9b9b;--cream: #fcfcfd;--surface: #ffffff;--surface-alt: #f7f7f8;--border: #e6e6e6;--border-strong: #d4d4d4;--accent: #5e6ad2;--accent-strong: #4e58c4;--accent-soft: rgba(94, 106, 210, .08);--accent-fg: #ffffff;--espresso: #1a1a1a;--crema: #d4d4d4;--crema-soft: #f7f7f8;--status-overdue: #b3261e;--status-today: #9a6b07;--status-soon: #0c7080;--status-later: var(--ink-soft);--status-success: #1d7a4f;--status-warn: var(--status-today);--status-danger: var(--status-overdue);--bg-success: #1d7a4f;--bg-success-soft: #eef9f2;--fg-success: #1d7a4f;--border-success: #cfeadc;--bg-warn: #9a6b07;--bg-warn-soft: #fef9ec;--fg-warn: #9a6b07;--border-warn: #fbecc3;--bg-danger: #b3261e;--bg-danger-soft: #fdf2f2;--fg-danger: #b3261e;--border-danger: #fde2e2;--bg-info: #0c7080;--bg-info-soft: #ecf9fb;--fg-info: #0c7080;--border-info: #cbeaef;--bg-done: #1d7a4f;--bg-done-soft: #eef9f2;--fg-done: #1d7a4f;--border-done: #cfeadc;--s-1: 4px;--s-2: 8px;--s-3: 12px;--s-4: 16px;--s-5: 24px;--s-6: 32px;--s-7: 48px;--s-8: 64px;--font-sans: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, monospace;--t-h1: 28px;--t-h2: 22px;--t-h3: 17px;--t-body: 14px;--t-body-sm: 13px;--t-caption: 12px;--t-eyebrow: 11px;--lh-tight: 1.15;--lh-body: 1.55;--tracking-tight: -.022em;--tracking-eyebrow: .08em;--fw-bold: 600;--fw-medium: 500;--fw-regular: 400;--r-sm: 4px;--r-md: 6px;--r-lg: 8px;--r-pill: 999px;--shadow-sm: 0 1px 2px rgba(10, 10, 10, .04);--shadow-md: 0 2px 8px rgba(10, 10, 10, .06);--shadow-lg: 0 10px 28px rgba(10, 10, 10, .1);--focus-ring: 0 0 0 3px rgba(94, 106, 210, .22);--motion-fast: .12s;--motion-mid: .2s;--motion-slow: .3s;--easing: cubic-bezier(.2, 0, 0, 1)}.hide-on-mobile{display:initial}@media(max-width:479px){.hide-on-mobile{display:none!important}}.hide-on-tablet-and-up{display:none}@media(max-width:479px){.hide-on-tablet-and-up{display:initial}}.tablet-only{display:none}@media(min-width:480px)and (max-width:767px){.tablet-only{display:initial}}.tap-target{min-height:44px;min-width:44px}.no-overflow-x{overflow-x:hidden;max-width:100%}@media(max-width:767px){.pack-table,.pack-table tbody,.pack-table tr,.pack-table td{display:block;width:100%!important;text-align:left!important}.pack-table colgroup,.pack-table thead{display:none}.pack-table tr{border:1px solid #eee;border-radius:8px;padding:.75rem;margin-bottom:.5rem;display:flex;flex-direction:column;gap:6px;box-sizing:border-box}.pack-table td{padding:4px 0!important;border-bottom:none!important}.pack-table td[data-pack-cell]:before{content:attr(data-pack-cell);display:block;font-size:10px;font-weight:500;text-transform:uppercase;letter-spacing:.04em;color:var(--ink-faint, #999);margin-bottom:2px}.pack-table td[data-pack-action]{margin-top:4px}.pack-table td[data-pack-action]>*{width:100%;min-height:44px;justify-content:center}}.now-upcoming-card{display:grid;grid-template-columns:120px minmax(0,1fr) auto;align-items:center;gap:var(--s-4);background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);padding:var(--s-3) var(--s-4)}.now-upcoming-card__date{min-width:0}.now-upcoming-card__meta{min-width:0;display:flex;flex-direction:column;gap:var(--s-2)}.now-upcoming-card__customers{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:4px 6px;font-size:12px}.now-upcoming-card__customers>li{display:inline-block;max-width:100%;padding:2px 8px;border-radius:999px;background:var(--bg-soft, #f4f1ee);color:var(--ink-soft, #555);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.now-upcoming-card__action{display:inline-flex;align-items:center;gap:6px}@media(max-width:639px){.now-upcoming-card{grid-template-columns:1fr;gap:var(--s-2)}.now-upcoming-card__action{width:100%;justify-content:center;min-height:44px}}.roast-row-header{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap}.roast-row-header__lot{min-width:0;flex:1 1 auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.roast-row-header__uses{margin-left:auto}@media(max-width:479px){.roast-row-header__uses{display:none}.roast-row-header__action{flex-basis:100%;margin-top:4px}.roast-row-header__action>button{width:100%;min-height:44px!important}}html{scrollbar-gutter:stable}html,body,#root{margin:0;padding:0;height:100%;background:var(--cream, #faf6ee)}body{font-family:var(--font-sans);font-feature-settings:"cv11","ss01";font-variant-numeric:tabular-nums;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spin{animation:spin 1s linear infinite}select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-color:var(--surface, #fff);background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8' fill='none'><path d='M1 1.5l5 5 5-5' stroke='%2380828d' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'/></svg>");background-repeat:no-repeat;background-position:right 12px center;background-size:12px 8px;border:1px solid var(--border, #e6e6e6);border-radius:var(--r-md, 6px);color:var(--ink, #1a1a1a);font:inherit;font-size:var(--t-body, 14px);line-height:var(--lh-body, 1.5);padding:8px 36px 8px 12px;min-height:36px;cursor:pointer;transition:border-color var(--motion-fast, .12s) var(--easing, ease),box-shadow var(--motion-fast, .12s) var(--easing, ease)}select:hover:not(:disabled){border-color:var(--border-strong, #e0c9a8)}select:focus-visible{outline:none;border-color:var(--accent, #0e7490);box-shadow:var(--focus-ring, 0 0 0 3px rgba(14, 116, 144, .22))}select:disabled{cursor:not-allowed;color:var(--ink-faint, #a8a29e);background-color:var(--surface-alt, #faece0)}select:-moz-focusring{color:transparent;text-shadow:0 0 0 var(--ink, #1a1a1a)}a{color:var(--accent, #0e7490);text-decoration-thickness:1px;text-underline-offset:2px}a:hover{color:var(--accent-strong, #155e75)}input:focus-visible,textarea:focus-visible{outline:none;border-color:var(--accent, #0e7490);box-shadow:var(--focus-ring, 0 0 0 3px rgba(14, 116, 144, .22))}