:root{color-scheme:light;--ink:#18201f;--muted:#66716d;--line:#d9e1dd;--paper:#f7f8f4;--panel:#fff;--field:#fbfcfa;--green:#16745f;--green-2:#0f5f50;--amber:#b98316;--coral:#ca4d3f;--steel:#476172;--shadow:0 20px 60px rgba(21,37,33,.1);font-family:Avenir Next,Gill Sans,Helvetica Neue,sans-serif}*{box-sizing:border-box}body{background:linear-gradient(90deg,rgba(22,116,95,.08) 1px,transparent 1px),linear-gradient(180deg,rgba(22,116,95,.07) 1px,transparent 1px),var(--paper);background-size:28px 28px;color:var(--ink);margin:0}button,input,select,textarea{font:inherit}a,button{-webkit-tap-highlight-color:transparent}.app-shell{margin:0 auto;padding:28px 0 44px;width:min(1440px,calc(100% - 32px))}.topbar{align-items:center;display:flex;gap:16px;justify-content:space-between;padding:8px 0 24px}.eyebrow{color:var(--green);font-size:12px;font-weight:800;margin:0 0 6px;text-transform:uppercase}.eyebrow,h1{letter-spacing:0}h1{font-size:clamp(32px,5vw,58px);line-height:.95;margin:0}.icon-button,.icon-only,.load-more-button,.primary-button,.secondary-button{align-items:center;background:var(--panel);border:1px solid var(--line);border-radius:8px;color:var(--ink);cursor:pointer;display:inline-flex;gap:8px;justify-content:center;min-height:42px;text-decoration:none;transition:transform .16s ease,border-color .16s ease,background .16s ease}.icon-button{padding:0 14px}.icon-only{min-height:36px;width:36px}.primary-button{background:var(--green);border-color:var(--green);color:#fff;padding:0 18px}.secondary-button{padding:0 14px}.load-more-button{background:#ffffffe0;color:var(--green);font-weight:850;min-height:52px;width:100%}.icon-button:hover,.icon-only:hover,.load-more-button:hover,.primary-button:hover,.secondary-button:hover{border-color:var(--green);transform:translateY(-1px)}.disabled,.primary-button:disabled{opacity:.48;pointer-events:none}.control-band{align-items:stretch;background:#ffffffd1;border:1px solid var(--line);border-radius:8px;box-shadow:var(--shadow);display:grid;gap:18px;grid-template-columns:minmax(0,1fr) 320px;padding:18px}.query-form{display:grid;gap:14px}label{color:var(--muted);display:grid;font-size:13px;font-weight:700;gap:8px}input,select,textarea{background:var(--field);border:1px solid var(--line);border-radius:8px;color:var(--ink);outline:none;transition:border-color .16s ease,box-shadow .16s ease;width:100%}input{height:46px;padding:0 13px}textarea{line-height:1.5;min-height:150px;padding:13px;resize:vertical}input:focus,select:focus,textarea:focus{border-color:var(--green);box-shadow:0 0 0 4px #16745f1f}.field-grid{display:grid;gap:14px;grid-template-columns:minmax(0,1fr) 220px}.field-head{align-items:center;display:flex;gap:12px;justify-content:space-between}.clear-inline-button{align-items:center;background:transparent;border:0;color:var(--steel);cursor:pointer;display:inline-flex;font-size:12px;font-weight:800;gap:6px;min-height:30px;padding:0}.clear-inline-button:hover{color:var(--green)}.clear-inline-button:disabled{cursor:default;opacity:.45}.carrier-select-wrap{position:relative}.carrier-arrow{color:var(--muted);pointer-events:none}.carrier-dropdown{position:relative}.carrier-dropdown-trigger,.carrier-option{align-items:center;background:var(--field);border:1px solid var(--line);border-radius:8px;color:var(--ink);display:grid;gap:10px;grid-template-columns:30px minmax(0,1fr) 16px;min-height:46px;padding:0 12px;text-align:left;width:100%}.carrier-dropdown-trigger{box-shadow:0 0 #16745f00;transition:border-color .16s ease,box-shadow .16s ease}.carrier-dropdown-trigger:hover,.carrier-option:hover{border-color:var(--green)}.carrier-dropdown-trigger:focus-visible{border-color:var(--green);box-shadow:0 0 0 4px #16745f1f;outline:none}.carrier-dropdown-label{font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.carrier-dropdown-menu{background:#fffffffa;border:1px solid var(--line);border-radius:8px;box-shadow:var(--shadow);display:grid;gap:6px;left:0;padding:8px;position:absolute;right:0;top:calc(100% + 8px);z-index:20}.carrier-option{grid-template-columns:30px minmax(0,1fr)}.carrier-option[data-active=true]{background:#16745f14;border-color:var(--green)}.command-row{display:flex;flex-wrap:wrap;gap:10px}.file-button{overflow:hidden;position:relative}.file-button input{cursor:pointer;inset:0;opacity:0;position:absolute}.metrics-panel{align-content:start;border-left:1px solid var(--line);display:grid;gap:10px;grid-template-columns:1fr;padding:16px}.metric{border-bottom:1px solid var(--line);display:flex;gap:12px;justify-content:space-between;padding:14px 0}.metric span{color:var(--muted)}.metric strong{font-size:24px}.progress-track{background:#e6ebe8;border-radius:999px;height:10px;overflow:hidden}.progress-track span{background:linear-gradient(90deg,var(--green),var(--amber));border-radius:inherit;display:block;height:100%;transition:width .24s ease}.status-strip{display:grid;gap:8px;grid-template-columns:repeat(7,minmax(0,1fr));margin:18px 0}.status-strip button{align-items:center;background:#ffffffb8;border:1px solid var(--line);border-radius:8px;color:var(--muted);cursor:pointer;display:grid;gap:8px;grid-template-columns:auto minmax(0,1fr) auto;min-height:48px;padding:0 12px}.status-strip span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.status-strip button.active{background:#fff;border-color:var(--green);color:var(--ink)}.result-layout{align-items:start;display:grid;gap:18px;grid-template-columns:minmax(0,1fr) 340px}.history-panel,.results-column{display:grid;gap:12px}.results-toolbar{align-items:center;background:#ffffffe0;border:1px solid var(--line);border-radius:8px;display:flex;gap:12px;justify-content:space-between;padding:14px}.results-toolbar strong{font-size:18px}.toolbar-actions{display:flex;flex-wrap:wrap;gap:8px}.empty-state,.history-panel,.result-item{background:#ffffffe0;border:1px solid var(--line);border-radius:8px}.empty-state{color:var(--muted);display:grid;min-height:260px;place-items:center}.result-item{animation:rise .26s ease both;padding:16px}.latest-row,.panel-head,.result-head{align-items:center;display:flex;gap:16px;justify-content:space-between}.tracking-number{font-size:20px;font-weight:850;margin:0 0 4px}.carrier-row{align-items:center;display:inline-flex;gap:8px}.carrier-mark{background:var(--steel);color:#fff;font-size:11px;font-weight:900;height:28px;min-width:28px;padding:0 8px}.carrier-icon-shell,.carrier-mark{align-items:center;border-radius:999px;display:inline-flex;justify-content:center}.carrier-icon-shell{background:transparent;height:30px;width:30px}.carrier-icon-shell[data-carrier=dhl]{border-radius:6px;height:24px;width:44px}.carrier-icon{height:24px;-o-object-fit:contain;object-fit:contain;width:24px}.carrier-icon-shell[data-carrier=dhl] .carrier-icon{height:16px;width:44px}.carrier-mark[data-carrier=auto]{background:var(--green)}.carrier-mark[data-carrier=mixed]{background:var(--amber)}.carrier-mark[data-carrier=usps]{background:#2457a6}.carrier-mark[data-carrier=ups]{background:#6b4c2a}.carrier-mark[data-carrier=fedex]{background:#5b2c86}.carrier-mark[data-carrier=dhl]{background:#bf2f26}.carrier{color:var(--muted)}.carrier,.status-pill{font-size:12px;font-weight:800}.status-pill{align-items:center;background:var(--steel);border-radius:999px;color:#fff;display:inline-flex;min-height:30px;padding:0 10px;white-space:nowrap}.status-pill[data-category=delivered]{background:var(--green)}.status-pill[data-category=exception]{background:var(--coral)}.status-pill[data-category=stale]{background:var(--amber)}.latest-row{background:#f2f6f3;border-radius:8px;margin-top:16px;padding:14px}.latest-row span,.latest-row time{color:var(--muted);font-size:13px}.latest-row strong{display:block;margin-top:4px}.timeline{display:grid;gap:12px;list-style:none;margin:12px 0 0;padding:0}.timeline-shell{margin-top:14px}.timeline-toggle{align-items:center;background:#fbfcfa;border:1px solid var(--line);border-radius:8px;color:var(--ink);cursor:pointer;display:grid;gap:10px;grid-template-columns:minmax(0,1fr) auto auto;min-height:42px;padding:0 12px;width:100%}.timeline-toggle span{font-weight:800;text-align:left}.timeline-toggle strong{align-items:center;background:var(--green);border-radius:999px;color:#fff;display:inline-flex;font-size:12px;justify-content:center;min-height:28px;min-width:28px}.timeline li{align-items:start;display:grid;gap:12px;grid-template-columns:12px minmax(0,1fr) auto}.timeline li>span{background:var(--green);border-radius:50%;height:9px;margin-top:5px;width:9px}.timeline p,.timeline strong{margin:0}.history-list small,.history-list span,.panel-head span,.timeline p,.timeline time{color:var(--muted);font-size:13px}.history-panel{padding:14px;position:sticky;top:18px}.history-list{display:grid;gap:8px;max-height:560px;overflow:auto}.history-list button{background:var(--field);border:1px solid var(--line);border-radius:8px;color:var(--ink);cursor:pointer;display:grid;gap:4px;padding:11px;text-align:left}.history-meta{display:grid;gap:6px}.history-list small{background:var(--steel);border-radius:999px;color:#fff;font-weight:800;justify-self:start;min-height:24px;padding:3px 8px}.timeline-fold-enter-active,.timeline-fold-leave-active{overflow:hidden;transition:opacity .18s ease,transform .18s ease,max-height .18s ease}.timeline-fold-enter-from,.timeline-fold-leave-to{max-height:0;opacity:0;transform:translateY(-6px)}.timeline-fold-enter-to,.timeline-fold-leave-from{max-height:1200px;opacity:1;transform:translateY(0)}.error-line{color:var(--coral);font-weight:750;margin:0}.spin{animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}@keyframes rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media(max-width:980px){.control-band,.field-grid,.result-layout{grid-template-columns:1fr}.metrics-panel{border-left:0;border-top:1px solid var(--line);grid-template-columns:repeat(3,1fr)}.progress-track{grid-column:1/-1}.status-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.history-panel{position:static}}@media(max-width:640px){.app-shell{padding-top:16px;width:min(100% - 20px,1440px)}.latest-row,.result-head,.results-toolbar,.topbar{align-items:flex-start;flex-direction:column}.control-band{padding:12px}.metrics-panel{grid-template-columns:1fr}.command-row>*,.toolbar-actions,.toolbar-actions>*{width:100%}.timeline li{grid-template-columns:12px minmax(0,1fr)}.timeline time{grid-column:2}}