:root{--bg:#fff;--surface:#fff;--surface-hover:#fafafa;--foreground:#18181b;--secondary:#71717a;--border:#e4e4e7;--border-light:#f4f4f5;--green:#16a34a;--yellow:#ca8a04;--red:#dc2626;--blue:#3b82f6;--blue-soft:#93c5fd}*{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--bg);min-height:100%;color:var(--foreground);-webkit-font-smoothing:antialiased;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,sans-serif;font-size:13px;line-height:1.5}main{min-height:100vh}.page-shell{max-width:880px;margin:0 auto;padding:48px 24px 96px}.tab-nav{border-bottom:1px solid var(--border);gap:0;margin-bottom:24px;display:flex}.tab-link{color:var(--secondary);border-bottom:2px solid #0000;margin-bottom:-1px;padding:10px 20px;font-size:.85rem;font-weight:500;text-decoration:none;transition:color .1s}.tab-link:hover{color:var(--foreground)}.tab-active{color:var(--foreground);border-bottom-color:var(--foreground)}.dashboard-header{justify-content:flex-end;align-items:baseline;gap:16px;margin-bottom:24px;display:flex}.date-filter{align-items:center;display:flex}.date-filter-fields{align-items:center;gap:12px;display:flex}.date-field{align-items:center;gap:6px;display:flex}.date-label{color:var(--secondary);font-size:.85rem}.date-input{border:1px solid var(--border);color:var(--foreground);background:0 0;border-radius:4px;outline:none;padding:4px 8px;font-family:inherit;font-size:.85rem}.date-input:focus{border-color:var(--foreground)}.date-clear{color:var(--secondary);cursor:pointer;text-underline-offset:2px;background:0 0;border:none;padding:0;font-family:inherit;font-size:.85rem;text-decoration:underline}.date-clear:hover{color:var(--foreground);transform:none}.date-loading{color:var(--secondary);font-size:.85rem}.header-button{color:var(--foreground);border:1px solid var(--border);background:0 0;border-radius:4px;align-items:center;padding:4px 12px;font-size:.85rem;font-weight:500;text-decoration:none;transition:background .1s,border-color .1s;display:inline-flex}.header-button:hover{background:var(--surface-hover);border-color:var(--foreground)}.stat-row{gap:32px;margin-bottom:32px;display:flex}.stat-card{align-items:baseline;gap:6px;display:flex}.stat-label{color:var(--secondary);font-size:.85rem}.stat-value{font-variant-numeric:tabular-nums;color:var(--foreground);font-size:.85rem;font-weight:600}.stat-pct{color:var(--secondary);font-weight:400}.stat-sep{background:var(--border);align-self:stretch;width:1px}.stat-group{flex-direction:column;gap:4px;display:flex}.stat-group-label{color:var(--secondary);text-transform:uppercase;letter-spacing:.04em;font-size:.7rem}.stat-group-cards{flex-wrap:wrap;gap:24px;display:flex}.stat-row-events{margin-top:-16px}.dashboard-section{gap:24px;display:grid}.load-table{border:1px solid var(--border);border-radius:6px;overflow:hidden}.load-list{display:grid}.load-list-header{color:var(--secondary);border-bottom:1px solid var(--border);background:var(--border-light);grid-template-columns:1fr auto;gap:16px;padding:8px 16px;font-size:.78rem;font-weight:500;display:grid}.load-entry{border-bottom:1px solid var(--border-light)}.load-entry-autodeliver{background:#7c3aed08;border-left:3px solid #7c3aed}.load-entry:last-child{border-bottom:none}.load-row{grid-template-columns:1fr auto;align-items:center;gap:16px;padding:10px 16px;display:grid}.load-entry:hover{background:var(--surface-hover)}.carrier-row{grid-template-columns:1fr auto auto auto;align-items:center;gap:16px;padding:10px 16px;display:grid}.col-attempts,.col-rate{text-align:right;min-width:0}.carrier-attempts{font-variant-numeric:tabular-nums;color:var(--secondary);font-size:.85rem}.carrier-rate{font-variant-numeric:tabular-nums;color:var(--foreground);font-size:.85rem;font-weight:600}.stop-list{padding:0 16px 8px 32px}.stop-row{grid-template-columns:100px 1fr;align-items:center;gap:16px;padding:4px 0;display:grid}.stop-type{color:var(--secondary);text-transform:capitalize;font-size:.85rem}.stop-location{color:var(--secondary);font-size:.85rem}.stop-entry{padding-bottom:4px}.stop-entry:last-child{padding-bottom:0}.failure-load-row{grid-template-columns:140px 1fr}.failure-more{margin-top:2px}.mastery-day{margin:8px}.mastery-day-summary{cursor:pointer;-webkit-user-select:none;user-select:none;background:var(--surface);justify-content:flex-start;padding:10px 14px;list-style:none;display:flex}.mastery-day-summary:hover,.mastery-day[open]>.mastery-day-summary{background:var(--surface-hover)}.mastery-day-summary::-webkit-details-marker{display:none}.mastery-day-meta{flex-direction:column;align-items:flex-start;gap:2px;display:flex}.mastery-day-total{color:var(--secondary);font-variant-numeric:tabular-nums;font-size:.78rem}.mastery-day-header{background:var(--blue-soft);color:var(--foreground);border-bottom-color:var(--blue);justify-content:flex-start;display:flex}.mastery-entries{gap:12px;padding:4px 16px 12px 32px;display:grid}.mastery-entry{border-left:2px solid var(--border-light);padding:4px 0 4px 12px}.mastery-entry-head{align-items:baseline;gap:12px;margin-bottom:4px;display:flex}.mastery-entry-time{color:var(--secondary);font-variant-numeric:tabular-nums;font-size:.78rem}.mastery-run-link{color:var(--secondary);font-size:.78rem;text-decoration:none}.mastery-run-link:hover{color:var(--foreground);text-underline-offset:2px;text-decoration:underline}.mastery-error-list{gap:4px;margin:0;padding:0;list-style:none;display:grid}.mastery-error-item{grid-template-columns:220px 1fr;align-items:baseline;gap:12px;font-size:.85rem;display:grid}.mastery-error-step{color:var(--secondary);text-overflow:ellipsis;white-space:nowrap;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.78rem;overflow:hidden}.mastery-error-msg{color:var(--foreground);word-break:break-word}@media (max-width:640px){.mastery-error-item{grid-template-columns:1fr;gap:2px}}.failure-more-toggle{color:var(--secondary);cursor:pointer;-webkit-user-select:none;user-select:none;padding:4px 0;font-size:.78rem;list-style:none;display:inline-block}.failure-more-toggle::-webkit-details-marker{display:none}.failure-more-toggle:before{content:"▸ ";margin-right:2px;font-size:.7rem;transition:transform .1s;display:inline-block}.failure-more[open]>.failure-more-toggle:before{content:"▾ "}.failure-more-toggle:hover{color:var(--foreground)}.trends-title{color:var(--foreground);margin-bottom:2px;font-size:.95rem;font-weight:600}.trends-subtitle{color:var(--secondary);margin-bottom:16px;font-size:.78rem}.trends-chart-wrap{display:block}.trends-chart{width:100%;height:auto;display:block}.trends-legend{border-top:1px solid var(--border-light);flex-wrap:wrap;gap:8px 20px;margin-top:12px;padding-top:12px;display:flex}.trends-legend-item{align-items:center;gap:6px;font-size:.82rem;display:inline-flex}.trends-legend-swatch-line{border-radius:2px;align-self:center;width:14px;height:3px}.trends-legend-swatch{border-radius:2px;flex-shrink:0;width:10px;height:10px;display:inline-block}.trends-legend-label{color:var(--foreground)}.channel-rates-card{border:1px solid var(--border);background:var(--surface);border-radius:6px;padding:16px}.channel-rates-title{color:var(--secondary);text-transform:uppercase;letter-spacing:.04em;margin-bottom:12px;font-size:.78rem;font-weight:500}.channel-rate-detail{color:var(--secondary);font-variant-numeric:tabular-nums;font-size:.78rem}.reason-summary{gap:6px;margin-bottom:32px;display:grid}.reason-summary-row{grid-template-columns:minmax(280px,1.4fr) 1fr 48px;align-items:center;gap:12px;font-size:.85rem;display:grid}.reason-summary-label{color:var(--foreground);word-break:break-word;line-height:1.35}.reason-summary-bar{background:var(--border-light);border-radius:3px;height:6px;display:block;overflow:hidden}.reason-summary-bar-fill{background:var(--blue-soft);border-radius:3px;height:100%;display:block}.reason-summary-pct{text-align:right;font-variant-numeric:tabular-nums;color:var(--secondary)}@media (max-width:640px){.reason-summary-row{grid-template-columns:1fr 40px}.reason-summary-bar{grid-column:1/-1}}.stop-times{gap:20px;padding:2px 0 4px 100px;display:flex}.stop-time-item{align-items:center;gap:4px;font-size:.78rem;display:inline-flex}.stop-time-label{color:var(--secondary);min-width:24px;font-weight:500}.stop-time-label-wide{min-width:36px}.stop-time-value{color:var(--secondary)}.stop-time-old{color:var(--secondary);text-decoration:line-through}.stop-time-arrow{color:var(--secondary);font-size:.7rem}.stop-time-new{color:var(--foreground);font-weight:500}.load-id{font-variant-numeric:tabular-nums;color:var(--foreground);font-weight:500}.col-load,.col-status{min-width:0}.search-input{border:1px solid var(--border);width:100%;color:var(--foreground);background:0 0;border-radius:4px;outline:none;padding:4px 8px;font-family:inherit;font-size:.82rem}.search-input:focus{border-color:var(--foreground)}.search-input::placeholder{color:var(--secondary)}.col-status{text-align:right}.status-filter{align-items:center;gap:4px;display:inline-flex}.status-filter-option{cursor:pointer;color:var(--secondary);transition:color .1s}.status-filter-option:hover{color:var(--foreground)}.status-filter-option.active{color:var(--foreground);text-underline-offset:2px;text-decoration:underline}.status-filter-sep{color:var(--border);-webkit-user-select:none;user-select:none}.load-row-empty{text-align:center;color:var(--secondary);padding:24px 16px}.workflow-tag{color:var(--secondary);text-transform:capitalize;margin-right:8px;font-size:.85rem;display:inline-block}.workflow-tag:last-child{margin-right:0}.status-badge{align-items:center;gap:6px;font-size:.85rem;display:inline-flex}.status-badge:before{content:"";border-radius:50%;flex-shrink:0;width:6px;height:6px;display:block}.status-yes{color:var(--green)}.status-yes:before{background:var(--green)}.status-partial{color:var(--yellow)}.status-partial:before{background:var(--yellow)}.status-no{color:var(--red)}.status-no:before{background:var(--red)}.attr-tag{text-transform:uppercase;letter-spacing:.04em;border-radius:3px;margin-left:4px;padding:1px 5px;font-size:.65rem;font-weight:600}.attr-hr{color:var(--green);background:#16a34a1a}.attr-pepsi{color:#3b82f6;background:#3b82f61a}.attr-autodeliver{color:#7c3aed;vertical-align:middle;background:#7c3aed1a;margin-left:8px}.load-id .attr-tag{font-weight:600}.card{border:1px solid var(--border);background:var(--surface);border-radius:6px;padding:16px}.card p{margin:0}.muted{color:var(--secondary)}.status-missing{color:var(--foreground)}@media (max-width:640px){.page-shell{padding:24px 16px 60px}.stat-row{flex-direction:column;gap:8px}.load-list-header,.load-row{grid-template-columns:1fr;gap:4px}.col-status{text-align:left}.dashboard-header{flex-direction:column;align-items:flex-start;gap:12px}}