*{box-sizing:border-box}body{margin:0;background:#f3f5f8;color:#1c2c40;font:15px system-ui,sans-serif}header{background:#16324e;color:white;padding:24px 4%;display:flex;justify-content:space-between;align-items:center;gap:20px}h1{margin:5px 0;font-size:30px}small{color:#b7ccdf}nav{display:flex;gap:8px;align-items:center;flex-wrap:wrap}main{max-width:1400px;padding:20px;margin:auto}section{padding:24px;background:white;border:1px solid #dbe3eb;border-radius:12px}#login{max-width:440px;margin:6vh auto}.summary{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.summary div{background:white;border:1px solid #dbe3eb;border-radius:10px;padding:20px}.summary b{display:block;font-size:28px}input,select,button{font:inherit;padding:10px;border:1px solid #bcc9d8;border-radius:6px;background:white;color:#1c2c40}button{cursor:pointer}button:hover{background:#e8f0f8}button:disabled{opacity:.5;cursor:wait}.primary{background:#1c639b;color:white}label{display:block;margin:12px 0}label>input:not([type=checkbox]),label>select{display:block;width:100%;margin-top:6px}input[type=checkbox]{width:18px;height:18px;vertical-align:middle;margin-right:10px}.filters{display:flex;gap:9px;flex-wrap:wrap}.filters input{flex:1;min-width:220px}.filters select{max-width:290px}.hint{color:#64768b;font-size:13px;line-height:1.6}.tablewrap{overflow:auto}table{width:100%;border-collapse:collapse}td,th{text-align:left;vertical-align:top;border-bottom:1px solid #e2e8ef;padding:15px 10px}th{font-size:13px;color:#63788c}.track{font-weight:650;white-space:nowrap}.recipient{margin-top:7px;max-width:300px}.tag{display:inline-block;padding:5px 8px;border-radius:6px;background:#e7eff9;color:#204f7b;margin:2px;font-size:12px}.empty{color:#7b8695}.actions{display:flex;gap:10px;margin:18px 0}dialog{border:1px solid #ccd7e2;border-radius:14px;padding:26px;width:min(660px,94vw);max-height:88vh}dialog::backdrop{background:#132b4666}.error,#notice{color:#a2302b}#notice:empty{display:none}.event,.auditrow{padding:12px 0;border-bottom:1px solid #e4e9ef}.event p{margin:4px 0}.userrow{display:flex;justify-content:space-between;gap:10px;padding:12px 0;border-bottom:1px solid #e4e9ef}[hidden]{display:none!important}@media(max-width:720px){header{align-items:flex-start;flex-direction:column}main{padding:12px}section{padding:14px}.summary div{padding:12px}.filters>*{width:100%;max-width:none!important}td{min-width:130px}nav button{font-size:13px}}

.copy{font-size:12px;margin-top:8px;padding:5px 8px}.history-row>td{padding:0 12px 14px;border-bottom:2px solid #dbe3eb}.history-row summary{cursor:pointer;color:#255e91;padding:10px 0;font-weight:600}.timeline{padding:0 12px 12px 20px;max-width:1000px}.timeline-event{border-left:2px solid #b7cce0;padding:10px 20px;margin-left:5px;position:relative}.timeline-event:before{content:"";position:absolute;left:-5px;top:18px;width:8px;height:8px;background:#24679e;border-radius:50%}.timeline-time{font-size:13px;color:#59728c;margin-bottom:5px}.timeline-event strong{display:block}.history-row details[open]{background:#f7faff;border-radius:8px}

.expandable-row{cursor:pointer}.expandable-row:hover,.expandable-row.is-open{background:#f1f6fc}.expandable-row:focus-visible{outline:2px solid #24679e;outline-offset:-2px}.shipment-info{padding:12px 20px}.facts-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:12px}.fact{padding:14px;background:white;border:1px solid #dbe4ee;border-radius:8px;overflow-wrap:anywhere}.fact-label{font-size:13px;color:#5b7088;margin-bottom:6px}.fact-value{font-weight:600;line-height:1.5}.fact .hint{margin-top:6px;font-size:12px}.fact a{color:#1c639b}.shipment-info h3{font-size:18px}.fact .hint:last-child{margin-top:0}

.receipt-link{display:block;padding:7px 0;color:#185f96;font-size:13px;text-decoration:underline}.shipment-info>.receipt-link{margin-bottom:14px;font-size:15px}
.views,.bulk,.pagination,.detail-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.views{margin:4px 0 16px}.views button[aria-pressed=true],.row-actions button[aria-pressed=true]{background:#e0edf9;border-color:#3475a8;color:#174e78}.filters{align-items:end}.filters label{margin:0;font-size:12px;color:#526579;flex:1 1 170px}.filters input,.filters select{min-width:0;max-width:none;width:100%;font-size:14px}.check{display:flex!important;align-items:center;gap:7px}.check input{width:18px!important;flex:none;margin:0!important}.bulk{background:#f0f5fa;padding:10px;border-radius:8px;margin-top:18px;font-size:13px}.bulk button{font-size:13px;padding:7px}.shipment{border:1px solid #dbe3eb;border-radius:10px;margin:12px 0;overflow:hidden}.shipment-row{display:grid;grid-template-columns:20px 150px minmax(130px,1fr) minmax(170px,1fr) 105px;gap:15px;padding:16px;cursor:pointer;align-items:start}.shipment-row:hover{background:#f7faff}.shipment-row>input{margin-top:5px}.number strong{font-variant-numeric:tabular-nums;white-space:nowrap;font-size:14px}.quiet{font-size:12px;padding:4px 7px;margin-top:8px;display:block}.row-actions{display:flex;gap:7px;flex-direction:column}.row-actions button,.row-actions a{font-size:12px;text-align:center;padding:7px}.tags{font-size:12px;color:#416486;margin-top:8px;overflow-wrap:anywhere}.person,.status{min-width:0;overflow-wrap:anywhere}.status{font-size:14px}.badge{display:inline-block;background:#d9f0e7;color:#12563e;padding:3px 7px;border-radius:5px;font-size:12px;margin-top:5px}.shipment>details>summary{padding:10px 16px;background:#f5f8fb;color:#215e8f;cursor:pointer}.details-content{padding:16px}.details-content>details{border-top:1px solid #dbe3eb;margin-top:12px;padding:12px 0}.details-content summary{cursor:pointer}.timeline{padding:0 0 0 23px}.timeline li{padding:8px 0 12px 8px;border-left:2px solid #c7d9e8;list-style:circle}.pagination{justify-content:center;margin:20px 0}.note-preview{font-size:12px;white-space:pre-wrap;max-height:50px;overflow:hidden}.sync{font-size:13px;color:#345d49}.warning{padding:12px;background:#fff0d6;color:#745018;font-size:13px}textarea{display:block;width:100%;min-height:100px;font:inherit;padding:10px}.facts-grid{margin-top:12px}.fact summary{font-size:12px;color:#57728c;margin-top:10px}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #4c87bd;outline-offset:2px}
@media(max-width:1000px){.shipment-row{grid-template-columns:20px 145px 1fr;gap:12px}.status{grid-column:2}.row-actions{grid-column:3;grid-row:2;flex-direction:row;flex-wrap:wrap}.filters>*{max-width:100%}.facts-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}}
@media(max-width:560px){.shipment-row{grid-template-columns:20px minmax(0,1fr);padding:12px}.person,.status,.row-actions{grid-column:2;grid-row:auto}.number{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.quiet{margin:0}.filters label{flex-basis:100%}.filters>*{width:100%}.bulk{position:static}.facts-grid{grid-template-columns:1fr}.details-content{padding:12px}.detail-actions{align-items:stretch;flex-direction:column}.userrow{flex-wrap:wrap}.views button{font-size:13px;padding:9px}}
.compact-summary{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:0 0 20px}.summary-block{padding:16px;background:#fff;border:1px solid #dce5ee;border-radius:8px;min-width:0}.summary-block h3{margin:0 0 12px;font-size:17px}.summary-line{display:grid;grid-template-columns:125px minmax(0,1fr);gap:12px;padding:7px 0;line-height:1.45;overflow-wrap:anywhere}.summary-block>a{display:inline-block;margin-top:14px;color:#215e8f}.summary-sources,.summary-variants{grid-column:1/-1}.summary-sources>summary{color:#526d86;font-size:13px;cursor:pointer}.source-group{border-top:1px solid #dce5ee;margin-top:14px;padding:12px 0}.source-group h4,.source-group>p{margin:4px 0}.summary-variants{margin:0}.detail-actions{padding-top:8px}@media(max-width:850px){.compact-summary{grid-template-columns:1fr}}@media(max-width:480px){.summary-line{grid-template-columns:1fr;gap:2px;padding:8px 0}.summary-block{padding:12px}}
.pickup-panel{border:1px solid #b7daca;background:#eff8f3;padding:14px;border-radius:8px;margin-bottom:16px}.pickup-panel h3{margin-top:0}.pickup-panel.warning{border-color:#e5c797;background:#fff4df}.pickup-panel button{margin-top:6px}#pickupTabs{padding:4px 0 12px}