:root{--ink:#172522;--muted:#73827e;--line:#e2e9e5;--paper:#f5f8f6;--green:#1d665b;--green-dark:#174e47;--mint:#eaf4ef;--amber:#fff5db;--red:#a93434}*{box-sizing:border-box}body{background:var(--paper);color:var(--ink);margin:0;font-family:DM Sans,sans-serif}h1,h2{letter-spacing:-.04em;margin:0;font-family:Manrope,sans-serif}h1{font-size:34px}h2{font-size:19px}p{line-height:1.55}.login-shell{background:radial-gradient(ellipse at 70% 5%, #e5f1eb, transparent 44%), var(--paper);place-items:center;min-height:100vh;padding:24px;display:grid}.login-card{border:1px solid var(--line);background:#fff;border-radius:20px;width:min(100%,430px);padding:44px;box-shadow:0 18px 54px #183b2b0b}.brand-mark{background:var(--green);color:#fff;border-radius:13px;place-items:center;width:44px;height:44px;margin-bottom:28px;font:800 22px Manrope;display:grid}.brand-mark.small{border-radius:10px;width:34px;height:34px;margin:0;font-size:17px}.eyebrow{letter-spacing:.14em;color:#7b8984;margin:0 0 9px;font-size:10px;font-weight:700}.muted{color:var(--muted);margin:9px 0 25px;font-size:14px}.stack{gap:16px;margin-top:27px;display:grid}.stack label,.shipment-form label{color:#53625d;gap:7px;font-size:12px;font-weight:600;display:grid}input,textarea{width:100%;color:var(--ink);background:#fff;border:1px solid #dce5e0;border-radius:8px;outline:none;padding:11px 12px;font:500 13px DM Sans,sans-serif}input:focus,textarea:focus{border-color:#71a398;box-shadow:0 0 0 3px #d9ece6}button,.button{background:var(--green);color:#fff;cursor:pointer;text-align:center;border:0;border-radius:8px;justify-content:center;align-items:center;padding:12px 16px;font:700 13px DM Sans,sans-serif;text-decoration:none;display:inline-flex}button:hover,.button:hover{background:var(--green-dark)}button:disabled{opacity:.65;cursor:wait}.secondary{color:var(--green)!important;background:#fff!important;border:1px solid #cbdcd5!important}.secondary:hover{background:var(--mint)!important}.compact{padding:8px 12px}.tiny{color:#8b9792;margin:22px 0 0;font-size:11px}.error{color:var(--red);margin:0;font-size:13px}.banner{background:#fff1ef;border:1px solid #f4d2ce;border-radius:8px;margin:18px 0;padding:12px}.app-shell{min-height:100vh}.topbar{border-bottom:1px solid var(--line);background:#fff;justify-content:space-between;align-items:center;height:68px;padding:0 max(26px,50% - 670px);display:flex}.brand,.profile{align-items:center;gap:11px;display:flex}.brand{font:800 18px Manrope}.profile{gap:18px}.profile div{text-align:right;gap:3px;display:grid}.profile strong{font-size:12px}.profile small{color:var(--muted);font-size:11px}.content{max-width:1340px;margin:0 auto;padding:40px 26px}.page-title{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.page-title .muted{margin-bottom:0}.pilot-badge,.step,.count{color:#795d12;background:var(--amber);border-radius:100px;padding:8px 11px;font-size:11px;font-weight:700}.columns{grid-template-columns:minmax(0,1.4fr) minmax(300px,.8fr);align-items:start;gap:20px;display:grid}.panel,.success-card{border:1px solid var(--line);background:#fff;border-radius:14px;padding:24px}.panel-heading{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding-bottom:17px;display:flex}.panel-heading .eyebrow{margin-bottom:5px}.step,.count{color:#64746e;background:#f0f4f1}.shipment-form{padding-top:7px}.shipment-form fieldset{border:0;border-bottom:1px solid var(--line);margin:0;padding:15px 0 18px}.shipment-form legend{padding:0 0 12px;font:700 13px Manrope}.form-grid{grid-template-columns:1fr 1fr;gap:13px;display:grid}.span2{grid-column:span 2}.hint{color:#6f7e78;background:#f5f8f6;border-radius:8px;margin:16px 0;padding:12px;font-size:11px}.shipment-form>button{width:100%}.list-panel{min-height:310px}.shipment-list{margin:0;padding:0;list-style:none}.shipment-list li{border-bottom:1px solid #edf1ee;justify-content:space-between;align-items:center;gap:10px;padding:16px 0;display:flex}.shipment-list li>div{gap:5px;min-width:0;display:grid}.shipment-list strong{text-overflow:ellipsis;font-size:12px;overflow:hidden}.shipment-list small{color:var(--muted);font-size:11px}.status{color:#64746e;background:#f0f4f1;border-radius:20px;padding:6px 9px;font-size:10px;font-weight:700}.status.issued{background:var(--mint);color:var(--green)}.empty{min-height:220px;color:var(--muted);text-align:center;align-content:center;justify-items:center;display:grid}.empty-icon{background:var(--mint);width:44px;height:44px;color:var(--green);border-radius:14px;place-items:center;margin-bottom:12px;font-size:22px;display:grid}.empty strong{color:var(--ink);font-size:13px}.empty p{font-size:11px}.success-card{background:#f7fcf9;border-color:#bddbd0;justify-content:space-between;align-items:center;gap:20px;margin-bottom:20px;display:flex}.success-card h2{margin-bottom:6px}.success-card p:not(.eyebrow){color:var(--muted);margin:0 0 8px;font-size:12px}.success-card a:not(.button){color:var(--green);font-size:12px;font-weight:700}.actions{gap:9px;min-width:190px;display:grid}.actions .button{font-size:12px}.content footer{color:#87928e;margin-top:20px;font-size:11px}@media (max-width:950px){.columns{grid-template-columns:1fr}.success-card{flex-direction:column;align-items:flex-start}.actions{flex-wrap:wrap;display:flex}}@media (max-width:560px){.content{padding:26px 14px}.topbar{padding:0 14px}.profile{gap:9px}.profile small{display:none}.page-title{align-items:flex-start;gap:10px}h1{font-size:29px}.panel,.success-card{padding:17px}.form-grid{grid-template-columns:1fr}.span2{grid-column:auto}.step{display:none}.login-card{padding:28px}}select{width:100%;color:var(--ink);background:#fff;border:1px solid #dce5e0;border-radius:8px;outline:none;padding:11px 12px;font:500 13px DM Sans,sans-serif}select:focus{border-color:#71a398;box-shadow:0 0 0 3px #d9ece6}.catalog-button{float:right;padding:5px 8px;font-size:10px}.shipment-row{text-align:left;justify-content:space-between;width:100%;padding:0;font-weight:400;text-decoration:none;display:flex;color:var(--ink)!important;background:0 0!important}.shipment-row:hover{background:0 0!important}.shipment-row>span:first-child{gap:5px;min-width:0;display:grid}.shipment-row:focus-visible{outline:2px solid var(--green);outline-offset:3px}.shipment-list li.selected{background:var(--mint);border-radius:8px;padding-left:8px;padding-right:8px}.detail-card{border:1px solid var(--line);background:#f8fbf9;border-radius:10px;margin:18px 0;padding:18px}.detail-heading{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.detail-heading strong,.detail-heading small{display:block}.detail-heading small{color:var(--muted);margin-top:4px;font-size:11px}.detail-card h3{color:var(--green-dark);margin:20px 0 8px;font-size:12px}.history-list{margin:0;padding:0;list-style:none}.history-list li{border-bottom:1px solid #e6eeea;justify-content:space-between;align-items:center;gap:10px;padding:9px 0;font-size:11px;display:flex}.history-list li>span:first-child{min-width:0}.history-list .actions{flex-wrap:wrap;justify-content:flex-end;display:flex}.status.pending{color:#795d12;background:#fff5db}.status.failed{color:var(--red);background:#fff1ef}.status.sent{background:var(--mint);color:var(--green)}.status{font-style:normal}.actions{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.checkline{align-items:center;grid-template-columns:none!important;display:flex!important}.checkline input{width:auto}.detail-card .actions{margin-top:12px}@font-face{font-family:DecaPort Inter;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/inter-regular.ttf)format("truetype")}@font-face{font-family:DecaPort Inter;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/inter-medium.ttf)format("truetype")}@font-face{font-family:DecaPort Inter;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/inter-semibold.ttf)format("truetype")}body,button,input,textarea,select,h1,h2,h3,.shipment-form legend,.brand,.brand-mark{font-family:DecaPort Inter,sans-serif}.shipment-row{gap:12px}.shipment-row small{overflow-wrap:anywhere}.history-list li{flex-wrap:wrap;align-items:flex-start}.history-list li>span:first-child{overflow-wrap:anywhere;flex:220px}.history-list .actions{min-width:0}.shipment-row .status{flex-shrink:0;align-self:center}