:root{--color-paper-0:oklch(96% .004 260);--color-paper-1:oklch(99% .002 260);--color-paper-2:oklch(94% .006 260);--color-paper-3:oklch(89% .008 260);--color-border:oklch(88% .008 260);--color-border-strong:oklch(76% .012 260);--color-ink-0:oklch(22% .01 260);--color-ink-1:oklch(42% .012 260);--color-ink-2:oklch(56% .014 260);--color-accent:oklch(52% .15 210);--color-accent-strong:oklch(42% .16 210);--color-accent-dim:oklch(93% .035 210);--color-on-accent:oklch(99% .004 210);--color-qualifier:oklch(48% .14 80);--color-qualifier-dim:oklch(94% .045 80);--color-on-qualifier:oklch(99% .008 80);--color-danger:oklch(50% .19 25);--color-danger-dim:oklch(94% .045 25);--color-on-danger:oklch(99% .006 25);--color-success:oklch(46% .13 150);--color-success-dim:oklch(93% .045 150);--font-ui:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-mono:ui-monospace, "SF Mono", "Cascadia Mono", "Roboto Mono", Menlo, Consolas, monospace;--text-xs:.75rem;--text-sm:.8125rem;--text-base:.9375rem;--text-md:1.0625rem;--text-lg:1.375rem;--text-xl:1.75rem;--text-2xl:2.25rem;--space-2xs:.25rem;--space-xs:.5rem;--space-sm:.75rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-in:cubic-bezier(.7, 0, .84, 0);--ease-in-out:cubic-bezier(.65, 0, .35, 1);--dur-fast:.12s;--dur-base:.18s;--color-focus:var(--color-accent-strong)}@media (prefers-reduced-motion:reduce){:root{--dur-fast:0s;--dur-base:0s}}*{box-sizing:border-box}html,body{overflow-x:clip}body{background:var(--color-paper-0);color:var(--color-ink-0);font-family:var(--font-ui);font-size:var(--text-base);-webkit-font-smoothing:antialiased;margin:0;line-height:1.5}#root{min-height:100vh}a{color:var(--color-accent)}button,input,select{font-family:inherit;font-size:inherit;color:inherit}:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.numeric{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.app-shell{grid-template-columns:220px 1fr;min-height:100vh;display:grid}@media (width<=720px){.app-shell{grid-template-rows:auto 1fr;grid-template-columns:1fr}}.app-nav{background:var(--color-paper-1);border-right:1px solid var(--color-border);padding:var(--space-lg) var(--space-md);gap:var(--space-xl);flex-direction:column;display:flex}@media (width<=720px){.app-nav{border-right:none;border-bottom:1px solid var(--color-border);padding:var(--space-sm) var(--space-md);flex-direction:row;justify-content:space-between;align-items:center}}.app-nav-brand{align-items:center;gap:var(--space-xs);font-weight:700;font-size:var(--text-md);letter-spacing:-.01em;color:var(--color-ink-0);display:flex}.app-nav-mark{background:var(--color-accent);border-radius:2px;flex-shrink:0;width:8px;height:8px}.app-nav-links{gap:var(--space-2xs);flex-direction:column;display:flex}@media (width<=720px){.app-nav-links{flex-direction:row}}.app-nav-link{padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm);color:var(--color-ink-1);font-size:var(--text-sm);transition:background var(--dur-fast) var(--ease-out), color var(--dur-fast) var(--ease-out);font-weight:600;text-decoration:none;display:block}.app-nav-link:hover{background:var(--color-paper-2);color:var(--color-ink-0)}.app-nav-link[aria-current=page]{background:var(--color-accent-dim);color:var(--color-accent-strong)}.app-nav-logout{border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:var(--space-xs) var(--space-sm);color:var(--color-ink-2);cursor:pointer;font-size:var(--text-sm);text-align:left;transition:border-color var(--dur-fast) var(--ease-out), color var(--dur-fast) var(--ease-out);background:0 0;margin-top:auto;font-weight:600}.app-nav-logout:hover{border-color:var(--color-danger);color:var(--color-danger)}.app-content{padding:var(--space-xl);width:100%;max-width:1200px}@media (width<=720px){.app-content{padding:var(--space-md)}}.page-title{font-size:var(--text-2xl);letter-spacing:-.01em;margin:0 0 var(--space-lg) 0;font-weight:700}.page-subtitle{color:var(--color-ink-2);font-size:var(--text-sm);margin:calc(-1 * var(--space-md)) 0 var(--space-lg) 0}.login-screen{min-height:100vh;padding:var(--space-md);background:radial-gradient(560px 360px at 50% 32%, color-mix(in oklch, var(--color-accent) 6%, transparent), transparent 70%), var(--color-paper-0);justify-content:center;align-items:center;display:flex}.login-card{background:var(--color-paper-1);border:1px solid var(--color-border);border-radius:var(--radius-lg);width:100%;max-width:380px;padding:var(--space-2xl) var(--space-xl);flex-direction:column;display:flex;box-shadow:0 1px 2px oklch(0% 0 0/.06),0 24px 60px -24px oklch(0% 0 0/.22)}.login-mark{background:var(--color-accent);width:10px;height:10px;margin-bottom:var(--space-md);box-shadow:0 0 0 4px var(--color-accent-dim);border-radius:3px}.login-title{font-size:var(--text-xl);margin:0 0 var(--space-2xs) 0;letter-spacing:-.02em;font-weight:700}.login-subtitle{color:var(--color-ink-2);font-size:var(--text-sm);margin:0 0 var(--space-lg) 0}.login-notice{background:var(--color-qualifier-dim);color:var(--color-ink-0);border:1px solid color-mix(in oklch, var(--color-qualifier) 35%, transparent);border-radius:var(--radius-sm);padding:var(--space-sm);font-size:var(--text-sm);margin-bottom:var(--space-md)}.login-label{font-size:var(--text-xs);color:var(--color-ink-1);text-transform:uppercase;letter-spacing:.04em;margin-bottom:var(--space-xs);font-weight:600}.login-input{background:var(--color-paper-0);border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);padding:var(--space-sm);color:var(--color-ink-0);font-family:var(--font-mono);font-size:var(--text-sm);margin-bottom:var(--space-md);transition:border-color var(--dur-fast) var(--ease-out)}.login-input:focus-visible{border-color:var(--color-accent)}.login-error{background:var(--color-danger-dim);color:var(--color-ink-0);border:1px solid color-mix(in oklch, var(--color-danger) 35%, transparent);border-radius:var(--radius-sm);padding:var(--space-sm);font-size:var(--text-sm);margin-bottom:var(--space-md)}.login-submit{background:var(--color-accent);color:var(--color-on-accent);border-radius:var(--radius-sm);padding:var(--space-sm);font-weight:700;font-size:var(--text-sm);cursor:pointer;transition:background var(--dur-fast) var(--ease-out), transform var(--dur-fast) var(--ease-out);border:none}.login-submit:hover:not(:disabled){background:var(--color-accent-strong)}.login-submit:active:not(:disabled){transform:translateY(1px)}.login-submit:disabled{opacity:.6;cursor:not-allowed}.panel{background:var(--color-paper-1);border:1px solid var(--color-border);border-radius:var(--radius-lg);margin-bottom:var(--space-lg);transition:border-color var(--dur-base) var(--ease-out);box-shadow:0 1px 2px oklch(0% 0 0/.05),0 8px 24px -12px oklch(0% 0 0/.14)}.panel:hover{border-color:var(--color-border-strong)}.panel-header{justify-content:space-between;align-items:flex-start;gap:var(--space-md);padding:var(--space-md) var(--space-lg);border-bottom:1px solid var(--color-border);display:flex;position:relative}.panel-header:before{content:"";left:0;top:var(--space-sm);bottom:var(--space-sm);background:var(--color-accent-dim);border-radius:2px;width:3px;position:absolute}.panel-title{font-size:var(--text-md);letter-spacing:-.005em;margin:0;font-weight:700}.panel-subtitle{font-size:var(--text-xs);color:var(--color-ink-2);margin:var(--space-2xs) 0 0 0}.panel-actions{gap:var(--space-xs);flex-shrink:0;align-items:center;display:flex}.panel-body{padding:var(--space-lg)}.stat-grid{gap:var(--space-lg) var(--space-xl);grid-template-columns:repeat(auto-fill,minmax(140px,1fr));display:grid}@media (width<=600px){.stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.stat-label{font-size:var(--text-xs);color:var(--color-ink-2);text-transform:uppercase;letter-spacing:.04em;margin-bottom:var(--space-2xs);font-weight:600}.stat-value{font-size:var(--text-xl);color:var(--color-ink-0);align-items:baseline;gap:var(--space-xs);flex-wrap:wrap;font-weight:700;display:flex}.stat-value-accent{color:var(--color-accent-strong)}.stat-value-danger{color:var(--color-danger)}.stat-hint{font-size:var(--text-xs);color:var(--color-ink-2);margin-top:var(--space-2xs)}.qualifier-badge{align-items:center;gap:var(--space-2xs);padding:2px var(--space-xs);border-radius:var(--radius-sm);background:var(--color-qualifier-dim);color:var(--color-qualifier);border:1px solid color-mix(in oklch, var(--color-qualifier) 35%, transparent);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;font-weight:700;line-height:1.6;display:inline-flex}.callout{border-radius:var(--radius-md);padding:var(--space-sm) var(--space-md);font-size:var(--text-sm);border:1px solid #0000;line-height:1.5}.callout[data-tone=qualifier]{background:var(--color-qualifier-dim);border-color:color-mix(in oklch, var(--color-qualifier) 35%, transparent);color:var(--color-ink-0)}.callout[data-tone=danger]{background:var(--color-danger-dim);border-color:color-mix(in oklch, var(--color-danger) 35%, transparent);color:var(--color-ink-0)}.callout[data-tone=neutral]{background:var(--color-paper-2);border-color:var(--color-border);color:var(--color-ink-1)}.window-selector{border:1px solid var(--color-border);border-radius:var(--radius-sm);display:inline-flex;overflow:hidden}.window-selector-btn{background:var(--color-paper-1);border:none;border-right:1px solid var(--color-border);color:var(--color-ink-1);padding:var(--space-2xs) var(--space-sm);font-size:var(--text-xs);cursor:pointer;transition:background var(--dur-fast) var(--ease-out), color var(--dur-fast) var(--ease-out);font-weight:600}.window-selector-btn:last-child{border-right:none}.window-selector-btn:hover{background:var(--color-paper-2);color:var(--color-ink-0)}.window-selector-btn[data-active=true]{background:var(--color-accent-dim);color:var(--color-accent-strong)}.status-block{padding:var(--space-lg);border-radius:var(--radius-md);font-size:var(--text-sm)}.status-loading{color:var(--color-ink-2)}.status-error{background:var(--color-danger-dim);color:var(--color-ink-0);border:1px solid color-mix(in oklch, var(--color-danger) 35%, transparent)}.retry-btn{margin-top:var(--space-sm);background:var(--color-paper-2);border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);padding:var(--space-2xs) var(--space-sm);color:var(--color-ink-0);cursor:pointer;font-weight:600}.retry-btn:hover{background:var(--color-paper-3)}.trend-chart{margin-top:var(--space-md)}.trend-chart svg{width:100%;height:100px;display:block;overflow:visible}.trend-chart-empty{margin-top:var(--space-md);padding:var(--space-lg);text-align:center;color:var(--color-ink-2);font-size:var(--text-sm);background:var(--color-paper-2);border-radius:var(--radius-md)}.trend-chart-zeroline{stroke:var(--color-border-strong);stroke-width:1px;stroke-dasharray:3 3;vector-effect:non-scaling-stroke}.trend-chart-line{fill:none;stroke-width:2px;vector-effect:non-scaling-stroke;stroke:var(--color-accent)}.trend-chart-dot{fill:var(--color-paper-1);stroke:var(--color-accent);stroke-width:1.5px;vector-effect:non-scaling-stroke}.trend-chart-fill-start{stop-color:var(--color-accent);stop-opacity:.22}.trend-chart-fill-end{stop-color:var(--color-accent);stop-opacity:0}.trend-chart[data-tone=danger] .trend-chart-line,.trend-chart[data-tone=danger] .trend-chart-dot{stroke:var(--color-danger)}.trend-chart[data-tone=danger] .trend-chart-fill-start{stop-color:var(--color-danger);stop-opacity:.18}.trend-chart[data-tone=danger] .trend-chart-fill-end{stop-color:var(--color-danger);stop-opacity:0}.trend-chart[data-tone=qualifier] .trend-chart-line,.trend-chart[data-tone=qualifier] .trend-chart-dot{stroke:var(--color-qualifier)}.trend-chart[data-tone=qualifier] .trend-chart-fill-start{stop-color:var(--color-qualifier);stop-opacity:.2}.trend-chart[data-tone=qualifier] .trend-chart-fill-end{stop-color:var(--color-qualifier);stop-opacity:0}.trend-chart-labels{margin-top:var(--space-2xs);font-size:var(--text-xs);color:var(--color-ink-2);justify-content:space-between;align-items:baseline;display:flex}.trend-chart-peak{color:var(--color-ink-1);font-weight:600}.bar-chart{margin-top:var(--space-md);gap:var(--space-sm);flex-direction:column;display:flex}.bar-chart-empty{margin-top:var(--space-md);padding:var(--space-lg);text-align:center;color:var(--color-ink-2);font-size:var(--text-sm);background:var(--color-paper-2);border-radius:var(--radius-md)}.bar-chart-row{align-items:center;gap:var(--space-sm);grid-template-columns:minmax(80px,140px) 1fr auto;display:grid}.bar-chart-label{font-size:var(--text-xs);color:var(--color-ink-1);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.bar-chart-track{background:var(--color-paper-2);border-radius:var(--radius-sm);height:10px;overflow:hidden}.bar-chart-fill{border-radius:var(--radius-sm);background:var(--color-accent);height:100%;transition:width var(--dur-base) var(--ease-out)}.bar-chart[data-tone=danger] .bar-chart-fill{background:var(--color-danger)}.bar-chart[data-tone=qualifier] .bar-chart-fill{background:var(--color-qualifier)}.bar-chart-value{font-size:var(--text-xs);color:var(--color-ink-0);align-items:center;gap:var(--space-2xs);white-space:nowrap;font-weight:600;display:flex}.bar-chart-more{font-size:var(--text-xs);color:var(--color-ink-2);padding-left:calc(140px + var(--space-sm))}@media (width<=500px){.bar-chart-row{grid-template-columns:80px 1fr auto}.bar-chart-more{padding-left:calc(80px + var(--space-sm))}}.overview-header{justify-content:space-between;align-items:flex-start;gap:var(--space-md);flex-wrap:wrap;display:flex}.overview-grid{gap:var(--space-lg);margin-bottom:var(--space-lg);grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;display:grid}.overview-grid-half{margin-bottom:0}@media (width<=860px){.overview-grid{grid-template-columns:1fr}}.kpi-strip{gap:var(--space-md);margin-bottom:var(--space-xl);grid-template-columns:repeat(auto-fit,minmax(190px,1fr));display:grid}.kpi-card{background:linear-gradient(180deg, var(--color-paper-1) 0%, var(--color-paper-2) 100%);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-lg);box-shadow:0 1px 2px oklch(0% 0 0/.06),0 12px 28px -16px oklch(0% 0 0/.18)}.kpi-label{font-size:var(--text-xs);color:var(--color-ink-2);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-xs);font-weight:700}.kpi-value{font-size:var(--text-2xl);color:var(--color-ink-0);letter-spacing:-.02em;font-weight:700;line-height:1.1}.kpi-value-accent{color:var(--color-accent-strong)}.kpi-value-danger{color:var(--color-danger)}.kpi-hint{margin-top:var(--space-xs);font-size:var(--text-xs);color:var(--color-ink-2);align-items:center;gap:var(--space-2xs);flex-wrap:wrap;display:flex}.table-wrap{margin-top:var(--space-lg);overflow-x:auto}.subtable-title{font-size:var(--text-sm);color:var(--color-ink-1);margin:0 0 var(--space-sm) 0;font-weight:700}.data-table{border-collapse:collapse;width:100%;font-size:var(--text-sm)}.data-table th{text-align:left;padding:var(--space-xs) var(--space-sm);color:var(--color-ink-2);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.03em;border-bottom:1px solid var(--color-border);white-space:nowrap}.data-table td{padding:var(--space-xs) var(--space-sm);border-bottom:1px solid var(--color-border);color:var(--color-ink-0)}.data-table tbody tr:hover{background:var(--color-paper-2)}.empty-note{color:var(--color-ink-2);font-size:var(--text-sm);margin:0}.blended-flags{gap:var(--space-xs);margin-bottom:var(--space-md);flex-wrap:wrap;display:flex}.fx-footnote{margin:var(--space-md) 0 0 0;color:var(--color-ink-2);font-size:var(--text-xs)}.orders-toolbar{gap:var(--space-md);margin-bottom:var(--space-lg);flex-wrap:wrap;display:flex}.orders-search{gap:var(--space-xs);flex:260px;display:flex}.orders-search input{background:var(--color-paper-0);border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);padding:var(--space-xs) var(--space-sm);color:var(--color-ink-0);flex:1}.orders-search button{background:var(--color-paper-2);border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);padding:var(--space-xs) var(--space-md);color:var(--color-ink-0);cursor:pointer;font-weight:600}.orders-search button:hover{background:var(--color-paper-3)}.orders-toolbar select{background:var(--color-paper-0);border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);padding:var(--space-xs) var(--space-sm);color:var(--color-ink-0)}.sort-btn{color:inherit;font:inherit;font-weight:inherit;text-transform:inherit;letter-spacing:inherit;cursor:pointer;background:0 0;border:none;padding:0}.sort-dir{color:var(--color-accent)}.orders-row{cursor:pointer}.status-pill{padding:1px var(--space-xs);border-radius:var(--radius-sm);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.03em;background:var(--color-paper-2);color:var(--color-ink-1);font-weight:700;display:inline-block}.status-pill.status-refused{background:var(--color-danger-dim);color:var(--color-danger)}.status-pill.status-delivered{background:var(--color-success-dim);color:var(--color-success)}.status-pill.status-dispatched,.status-pill.status-in_transit{background:var(--color-accent-dim);color:var(--color-accent-strong)}.pagination{justify-content:space-between;align-items:center;gap:var(--space-md);margin-top:var(--space-md);font-size:var(--text-sm);color:var(--color-ink-2);flex-wrap:wrap;display:flex}.pagination-buttons{gap:var(--space-xs);display:flex}.pagination-buttons button{background:var(--color-paper-2);border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);padding:var(--space-2xs) var(--space-sm);color:var(--color-ink-0);cursor:pointer;font-weight:600}.pagination-buttons button:disabled{opacity:.4;cursor:not-allowed}.pagination-buttons button:hover:not(:disabled){background:var(--color-paper-3)}.back-link{margin-bottom:var(--space-md);font-size:var(--text-sm);color:var(--color-ink-2);text-decoration:none;display:inline-block}.back-link:hover{color:var(--color-accent)}.detail-grid{gap:var(--space-md) var(--space-lg);grid-template-columns:repeat(auto-fill,minmax(220px,1fr));margin:0;display:grid}.detail-row dt{font-size:var(--text-xs);color:var(--color-ink-2);text-transform:uppercase;letter-spacing:.03em;margin-bottom:2px;font-weight:600}.detail-row dd{color:var(--color-ink-0);font-size:var(--text-sm);word-break:break-word;margin:0}.event-timeline{gap:var(--space-md);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.event-timeline li{gap:var(--space-md);padding-bottom:var(--space-md);border-bottom:1px solid var(--color-border);grid-template-columns:180px 1fr;display:grid}@media (width<=600px){.event-timeline li{gap:var(--space-xs);grid-template-columns:1fr}}.event-time{color:var(--color-ink-2);font-size:var(--text-xs);white-space:nowrap}.event-kind{color:var(--color-ink-0);font-weight:700;font-size:var(--text-sm)}.event-actor{color:var(--color-ink-2);font-size:var(--text-sm)}.event-detail{margin-top:var(--space-2xs);font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-ink-1);word-break:break-word;white-space:pre-wrap}