:root{color:#17202a;background:#f6f8f9;font-family:Inter,Noto Sans SC,Microsoft YaHei,system-ui,sans-serif;line-height:1.5}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button{min-height:44px;border:0;border-radius:8px;background:#0d6b57;color:#fff;font-weight:700;cursor:pointer}button:disabled{opacity:.65}input,select,textarea{width:100%;min-height:44px;border:1px solid #d6dde1;border-radius:8px;padding:10px 12px;background:#fff;color:#17202a}label{display:block;margin-bottom:8px;color:#465761;font-weight:700}.app-shell{width:min(1120px,100%);margin:0 auto;padding:16px}.topbar{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:18px 0 8px}.topbar h1{margin:4px 0 0;font-size:clamp(24px,5vw,36px);line-height:1.15}.eyebrow,.muted{margin:0;color:#6a7a83;font-size:14px}.tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:14px 0 18px}.tabs button{background:#e5ecef;color:#20313a}.tabs button.active{background:#0d6b57;color:#fff}.page-grid,.scan-layout,.admin-layout{display:grid;gap:16px}.search-panel,.shipment-card,.panel,.empty,.scanner-box,.scan-actions{border:1px solid #e0e6e9;border-radius:8px;background:#fff;padding:16px}.search-row{display:grid;grid-template-columns:1fr auto;gap:8px}.shipment-card h2,.panel h2{margin:0}.status-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:16px}.status-pill{max-width:160px;overflow-wrap:anywhere;border-radius:999px;background:#ecf5f1;color:#0d6b57;padding:6px 10px;font-size:13px;font-weight:800}.status-pill.delivered{background:#e9f8ea;color:#236b2c}.status-pill.exception{background:#fff1f0;color:#b42318}.info-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin:0 0 18px}.info-grid div{border:1px solid #edf1f3;border-radius:8px;padding:10px}.info-grid dt{color:#6a7a83;font-size:13px}.info-grid dd{margin:3px 0 0;font-weight:800}.timeline h3{margin:0 0 12px}.timeline-item{display:grid;grid-template-columns:18px 1fr;gap:10px;position:relative;padding-bottom:16px}.timeline-item:before{content:"";position:absolute;left:7px;top:16px;bottom:0;width:2px;background:#e0e6e9}.timeline-item:last-child:before{display:none}.dot{width:16px;height:16px;margin-top:3px;border:3px solid #0d6b57;border-radius:50%;background:#fff;z-index:1}.timeline-title{display:flex;justify-content:space-between;gap:8px}.timeline-title span{color:#6a7a83;font-size:13px}.timeline p{margin:4px 0}.scanner-box{min-height:300px}#qr-reader{overflow:hidden;border-radius:8px}.scan-actions,.form-stack{display:grid;gap:10px}.button-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.admin-column{display:grid;gap:16px;align-content:start}.list{display:grid;gap:8px;margin-top:12px}.list-item{display:grid;gap:3px;height:auto;padding:10px;text-align:left;background:#f2f6f7;color:#17202a}.list-item small{color:#667780}.notice{margin:0;color:#0d6b57;font-weight:700}.error{margin:8px 0 0;color:#b42318;font-weight:700}.empty{color:#667780}.logout-button{min-width:92px;background:#e5ecef;color:#20313a}.topbar-actions{display:flex;align-items:flex-end;gap:10px}.language-switch{display:grid;gap:4px;min-width:132px;margin:0}.language-switch span{font-size:12px}.language-switch select{min-height:40px;padding:8px 10px}.login-panel{max-width:420px}.log-list{display:grid;gap:8px;margin-top:12px}.log-item{display:grid;grid-template-columns:1fr auto auto;gap:8px;align-items:center;border:1px solid #edf1f3;border-radius:8px;padding:10px}.log-item span,.log-item small{color:#667780}@media (min-width: 820px){.page-grid{grid-template-columns:360px 1fr;align-items:start}.scan-layout,.admin-layout{grid-template-columns:1fr 1.2fr;align-items:start}}@media (max-width: 560px){.app-shell{padding:12px}.tabs,.search-row,.button-grid,.info-grid{grid-template-columns:1fr}.status-head,.timeline-title,.topbar{display:grid}.topbar-actions{display:grid;align-items:stretch}.log-item{grid-template-columns:1fr}}