:root{font-family:system-ui,"Microsoft YaHei",sans-serif;color:#18212f;background:#f4f6f8}*{box-sizing:border-box}body{margin:0}.shell{display:grid;grid-template-columns:220px minmax(0,1fr);min-height:100vh}aside{background:#17212b;color:#dbe5ed;padding:28px 18px}aside h1{margin:0;font-size:21px}aside p{color:#91a4b5;font-size:13px}nav{display:grid;gap:8px;margin-top:34px}button,a{font:inherit}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #93b8ff;outline-offset:2px}nav button,.links a,.links button{border:0;background:none;color:#bac8d3;text-align:left;padding:11px 12px;border-radius:7px;text-decoration:none;cursor:pointer}nav button.active,nav button:hover,.links a:hover,.links button:hover{background:#263747;color:#fff}.links{display:grid;gap:6px;margin-top:38px;border-top:1px solid #344552;padding-top:18px}.content{padding:32px clamp(20px,3vw,54px);min-width:0}header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;gap:18px}small{color:#718096;letter-spacing:.12em}h2{margin:5px 0 0;font-size:28px}.page-subtitle{margin:6px 0 0;color:#718096;font-size:14px}.primary{background:#246bfe;color:#fff!important;border:0;border-radius:7px;padding:10px 16px;cursor:pointer}.tab{display:none}.tab.active{display:block}.toolbar{display:flex;gap:10px;align-items:center;margin-bottom:16px;flex-wrap:wrap}.toolbar button:not(.primary){border:1px solid #d5dce3;background:#fff;color:#334155;padding:9px 13px;border-radius:7px;cursor:pointer}.toolbar button.selected{background:#e6efff;color:#1554c0;border-color:#9fbcf4}.toolbar input,.toolbar select{padding:10px;border:1px solid #ccd5de;border-radius:7px;min-width:170px;background:#fff}.after-toolbar{background:#fff;border:1px solid #e0e6eb;border-radius:10px;padding:12px;margin-bottom:10px}.after-toolbar .search-input{flex:1 1 300px}.after-toolbar .primary{margin-left:auto}.list{display:grid;gap:10px}.row{background:#fff;border:1px solid #e0e6eb;border-radius:8px;padding:15px;display:flex;justify-content:space-between;gap:16px;align-items:center}.muted{color:#718096;font-size:13px}.pill{display:inline-flex;align-items:center;padding:4px 8px;border-radius:99px;background:#edf2f7;color:#475569;font-size:12px;white-space:nowrap}.pill.status-pending{background:#fff3d6;color:#9a5a00}.pill.status-processing{background:#e5efff;color:#1456b8}.pill.status-waiting_return{background:#f1e9ff;color:#6e3bb8}.pill.status-returning{background:#dff8f6;color:#087b74}.pill.status-checking{background:#fff7c7;color:#806300}.pill.status-completed{background:#dcfce7;color:#16733c}.pill.status-closed{background:#edf2f7;color:#52606d}.pill.status-void{background:#f6e9e9;color:#984848}.pill.danger{background:#fee2e2;color:#b42318}.row button,.table-actions button{border:0;background:none;color:#246bfe;cursor:pointer;padding:5px 6px}.actions{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}.stats{display:grid;grid-template-columns:repeat(5,minmax(120px,1fr));gap:10px;margin:0 0 20px}.stats[hidden]{display:none}.stat-card{appearance:none;background:#fff;border:1px solid #e0e6eb;border-radius:9px;padding:12px 14px;display:flex;align-items:baseline;justify-content:space-between;min-width:0;cursor:pointer;color:#18212f;text-align:left;transition:border-color .15s,background .15s,box-shadow .15s}.stat-card:hover{border-color:#9fbcf4}.stat-card.selected{border-color:#246bfe;background:#edf4ff;box-shadow:0 0 0 1px #246bfe}.stat-card span{color:#718096;font-size:12px;white-space:nowrap}.stat-card b{font-size:23px;color:#18212f}.stat-card.danger-card span,.stat-card.danger-card b{color:#b42318}.stat-card.danger-card.selected{border-color:#e45757;background:#fff0f0;box-shadow:0 0 0 1px #e45757}.result-bar{display:flex;justify-content:space-between;align-items:center;gap:14px;color:#718096;font-size:13px;padding:3px 4px 10px}.result-bar span:last-child{color:#355a8a}.after-table-wrap{background:#fff;border:1px solid #dfe6ec;border-radius:10px;overflow:auto}.after-table-head,.after-row{display:grid;grid-template-columns:minmax(185px,1.35fr) minmax(145px,1fr) minmax(180px,1.25fr) minmax(190px,1.35fr) minmax(100px,.75fr) minmax(105px,.75fr) 150px;min-width:1120px;align-items:center}.after-table-head{position:sticky;top:0;z-index:1;background:#f8fafc;border-bottom:1px solid #dfe6ec;color:#64748b;font-size:12px;font-weight:600}.after-table-head span{padding:12px 14px}.after-row{border-bottom:1px solid #edf1f4;min-height:82px}.after-row:last-child{border-bottom:0}.after-row:hover{background:#fafcff}.after-cell{padding:13px 14px;min-width:0;font-size:13px}.after-cell strong{display:block;font-size:14px;overflow-wrap:anywhere}.cell-label{display:none;color:#718096;font-size:11px;margin-bottom:4px}.cell-secondary{display:block;margin-top:4px;color:#718096;font-size:12px;overflow-wrap:anywhere}.item-summary{line-height:1.5}.tracking-group+.tracking-group{margin-top:5px}.tracking-name{color:#718096;font-size:11px}.tracking-number{display:block;overflow-wrap:anywhere}.deadline.overdue{color:#b42318;font-weight:600}.table-actions{display:flex;flex-wrap:wrap;gap:2px}.empty-state{padding:44px 18px;text-align:center;color:#718096}.empty-state strong{display:block;color:#334155;margin-bottom:6px}.empty-state button{margin-top:14px;border:1px solid #c8d5e3;background:#fff;color:#246bfe;border-radius:7px;padding:8px 12px;cursor:pointer}dialog{border:0;border-radius:10px;padding:0;box-shadow:0 12px 50px #0003;width:min(620px,calc(100% - 28px))}dialog::backdrop{background:#17212b66}form{padding:24px;display:grid;gap:13px}label{display:grid;gap:6px;font-size:13px;color:#52606d}input,select,textarea{font:inherit;border:1px solid #ccd5de;border-radius:6px;padding:9px}textarea{min-height:70px}.grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}#items{display:grid;gap:8px}.item{display:grid;grid-template-columns:1fr 100px 34px;gap:8px}.detail{padding:24px}.history{border-left:3px solid #b9c9df;padding-left:10px;font-size:13px}.detail a{color:#246bfe}
@media(max-width:1180px){.stats{grid-template-columns:repeat(3,minmax(120px,1fr))}}
@media(max-width:720px){.shell{display:block}aside{padding:18px}nav{display:flex;margin-top:18px}.links{display:flex;margin-top:12px;border:0;padding:0;flex-wrap:wrap}.content{padding:22px 16px}header{align-items:flex-start}.page-subtitle{max-width:230px}.row{align-items:flex-start;flex-direction:column}.grid{grid-template-columns:1fr}.stats{display:flex;overflow-x:auto;gap:8px;margin:0 -16px 18px;padding:0 16px 4px;scroll-snap-type:x proximity}.stat-card{flex:0 0 118px;scroll-snap-align:start;padding:10px 11px}.stat-card b{font-size:20px}.after-toolbar{display:grid;grid-template-columns:1fr 1fr}.after-toolbar .search-input,.after-toolbar .primary{grid-column:1/-1;width:100%;margin-left:0}.after-toolbar input,.after-toolbar select{min-width:0;width:100%}.result-bar{align-items:flex-start;flex-direction:column;gap:4px}.after-table-wrap{border:0;background:transparent;overflow:visible}.after-table-head{display:none}.after-list{display:grid;gap:10px}.after-row{display:grid;grid-template-columns:1fr 1fr;min-width:0;background:#fff;border:1px solid #dfe6ec;border-radius:10px;min-height:0;padding:4px}.after-cell{padding:9px 10px}.after-cell.case-cell,.after-cell.items-cell,.after-cell.logistics-cell,.after-cell.actions-cell{grid-column:1/-1}.after-cell.case-cell{border-bottom:1px solid #edf1f4}.cell-label{display:block}.table-actions{border-top:1px solid #edf1f4;padding-top:8px}.table-actions button{flex:1;background:#f5f8fc;border-radius:6px;padding:8px}.empty-state{background:#fff;border:1px solid #dfe6ec;border-radius:10px}}