:root{color-scheme:light;font-family:IBM Plex Sans,Segoe UI,sans-serif;color:#202326;background:#f3f6f5}body{margin:0;min-height:100vh}button,input{font:inherit}button{transition:background .16s ease,border-color .16s ease,color .16s ease}button:disabled{cursor:wait;opacity:.72}.courier-shell{width:min(100%,1040px);margin:0 auto;padding:22px;box-sizing:border-box}.courier-auth-shell{min-height:100vh;display:grid;place-items:center}.courier-auth-card{width:min(100%,420px);padding:26px;border-radius:8px;background:#fff;border:1px solid #d9e1de;box-shadow:0 16px 42px #1c262314;display:grid;gap:14px}.courier-auth-card h1,.courier-header h1{margin:4px 0 0}.courier-auth-card label{display:grid;gap:6px}.courier-auth-card input{border:1px solid #bdcac6;border-radius:8px;padding:12px 14px;background:#fbfdfc}.courier-auth-card button,.courier-header button,.courier-actions button{border:1px solid #1d4f45;border-radius:8px;padding:11px 16px;cursor:pointer;background:#1d4f45;color:#fff}.courier-eyebrow{margin:0;font-size:12px;text-transform:uppercase;color:#4d6c66}.courier-hint,.courier-subtitle{margin:0;font-size:14px;color:#596663;line-height:1.45}.courier-header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:18px}.courier-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;overflow:hidden;border:1px solid #d7e0dd;border-radius:8px;background:#d7e0dd;margin-bottom:14px}.courier-summary div{background:#fff;padding:14px}.courier-summary span{display:block;font-size:24px;font-weight:700}.courier-summary p{margin:4px 0 0;color:#596663;font-size:13px}.courier-filters{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 14px}.courier-filters button{border:1px solid #cbd7d3;border-radius:8px;background:#fff;color:#2f3a37;padding:9px 12px;cursor:pointer}.courier-filters button.is-active{background:#202326;border-color:#202326;color:#fff}.courier-list{display:grid;gap:14px}.courier-card{padding:18px;border-radius:8px;background:#fff;border:1px solid #d7e0dd;box-shadow:0 8px 24px #1c26230d}.courier-card-on_the_way{border-left:5px solid #1d6f60}.courier-card-delivered{border-left:5px solid #4169a8}.courier-card-cancelled{border-left:5px solid #a8493f}.courier-card-top{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.courier-card-top strong{display:block;margin-top:2px;font-size:20px}.courier-order-id{margin:0;font-size:12px;color:#6b7774}.courier-pill{flex:0 0 auto;font-size:12px;padding:5px 9px;border-radius:999px;background:#edf4f2;color:#24443d}.courier-pill-on_the_way{background:#dff3ee;color:#155447}.courier-pill-delivered{background:#e3ebf8;color:#274f8c}.courier-pill-cancelled{background:#f7e5e2;color:#8b332a}.courier-details{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:16px 0 0}.courier-details div{min-width:0}.courier-details dt{color:#6b7774;font-size:12px;margin-bottom:3px}.courier-details dd{margin:0;line-height:1.35;overflow-wrap:anywhere}.courier-details a{color:#155447;font-weight:700;text-decoration:none}.courier-comment{margin:14px 0 0;padding:10px 12px;border-radius:8px;background:#fff8e8;color:#6a4b13;line-height:1.4}.courier-items,.courier-timeline{margin-top:16px}.courier-items h2,.courier-timeline h2{margin:0 0 8px;font-size:14px}.courier-items ul,.courier-timeline ol{margin:0;padding:0;list-style:none}.courier-items li{display:flex;justify-content:space-between;gap:12px;padding:9px 0;border-top:1px solid #edf1ef}.courier-items li span{min-width:0}.courier-items li strong{flex:0 0 auto}.courier-timeline ol{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.courier-timeline li{border-top:2px solid #cad5d1;padding-top:8px}.courier-timeline span{display:block;color:#6b7774;font-size:12px}.courier-timeline strong{display:block;margin-top:3px;font-size:13px}.courier-timeline p{margin:4px 0 0;color:#596663;font-size:12px;line-height:1.35}.courier-actions{margin-top:16px;display:flex;flex-wrap:wrap;gap:12px;align-items:flex-end}.courier-file{display:grid;gap:6px;font-size:13px;color:#3a524d}.courier-file input{max-width:100%}.courier-empty{color:#596663}.courier-error{color:#9a3b28}.courier-error-toast{margin-top:16px;padding:10px 12px;border-radius:8px;background:#faebe8;border:1px solid #efc8c0}@media (max-width: 760px){.courier-shell{padding:16px}.courier-header{display:grid}.courier-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.courier-details,.courier-timeline ol{grid-template-columns:1fr}}