:root{color-scheme:light;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,PingFang SC,Microsoft YaHei,sans-serif;background:#f5f7fa;color:#18212f;--bg:#f5f7fa;--surface:#ffffff;--surface-soft:#f8fafc;--line:#dce3ea;--line-soft:#edf1f5;--text:#18212f;--muted:#667085;--muted-2:#8a94a6;--accent:#0f766e;--accent-strong:#0b5f59;--accent-soft:#e8f5f3;--good:#17803d;--good-soft:#eaf7ef;--warn:#b45309;--warn-soft:#fff4df;--danger:#b42318;--danger-soft:#fff0ed;--shadow:0 12px 32px rgba(24,33,47,0.08);--radius:8px}*{box-sizing:border-box}html{background:var(--bg)}body{margin:0;min-width:320px;background:linear-gradient(180deg,rgba(232,245,243,.65),rgba(245,247,250,0) 260px),var(--bg);color:var(--text)}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.48}.dashboardShell{width:min(1480px,calc(100vw - 40px));margin:22px auto 34px}.topBar{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:18px}.brandBlock{display:flex;align-items:center;gap:14px;min-width:0}.brandMark{display:grid;width:46px;height:46px;flex:0 0 auto;place-items:center;border-radius:var(--radius);background:#12312f;color:#ffffff;font-size:.95rem;font-weight:800;letter-spacing:0;box-shadow:0 10px 24px rgba(15,118,110,.22)}h1,h2,p{margin:0}h1{font-size:1.45rem;line-height:1.25;font-weight:760;letter-spacing:0}.brandBlock p,.emptyCell,.metricNote,.notice,.panelHeader p,.subText{color:var(--muted)}.brandBlock p{margin-top:4px;font-size:.92rem}.topStatus{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px;max-width:720px}.managementButton{height:28px;border:1px solid #c9d3df;border-radius:999px;padding:0 12px;background:#ffffff;color:#344054;font-size:.82rem;font-weight:760;white-space:nowrap}.managementButton:hover{border-color:var(--accent);color:var(--accent-strong)}.managementButton-active{border-color:#f2d09b;background:var(--warn-soft);color:var(--warn)}.statusChip{display:inline-flex;align-items:center;min-height:28px;gap:7px;border:1px solid var(--line);border-radius:999px;padding:4px 10px;background:rgba(255,255,255,.72);color:#344054;font-size:.82rem;font-weight:650;white-space:nowrap}.statusChip-good{border-color:#bfe8cd;background:var(--good-soft);color:var(--good)}.statusChip-warn{border-color:#f6d49d;background:var(--warn-soft);color:var(--warn)}.statusDot{width:8px;height:8px;flex:0 0 auto;border-radius:50%;background:var(--muted-2)}.statusDot-good{background:var(--good);box-shadow:0 0 0 4px rgba(23,128,61,.12)}.statusDot-warn{background:var(--warn);box-shadow:0 0 0 4px rgba(180,83,9,.12)}.summaryBar{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));grid-gap:10px;gap:10px;margin-bottom:14px}.metricCard{min-width:0;min-height:112px;border:1px solid var(--line);border-radius:var(--radius);padding:14px;background:var(--surface);box-shadow:0 1px 0 rgba(24,33,47,.03)}.metricCard-good{border-color:#cbeed8;background:linear-gradient(180deg,#ffffff,#f5fbf7)}.metricCard-warn{border-color:#f2d9ab;background:linear-gradient(180deg,#ffffff,#fffaf0)}.metricLabel{font-size:.78rem;font-weight:720;color:var(--muted)}.metricValue{margin-top:10px;color:var(--text);font-size:1.75rem;font-weight:800;line-height:1.08}.metricNote,.metricValue{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.metricNote{margin-top:8px;font-size:.8rem;line-height:1.35}.panel{border:1px solid var(--line);border-radius:var(--radius);background:rgba(255,255,255,.92);box-shadow:var(--shadow)}.contentGrid+.panel,.panel+.panel{margin-top:14px}.panelHeader{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;padding:14px 16px;border-bottom:1px solid var(--line-soft)}.panelHeader h2{color:#1f2937;font-size:.98rem;font-weight:760;line-height:1.3}.panelHeader p{margin-top:4px;font-size:.82rem}.panelAction{display:flex;align-items:center;min-height:34px}.filterGrid{display:grid;grid-template-columns:minmax(180px,1fr) minmax(260px,1.6fr) minmax(160px,.8fr) 110px;grid-gap:12px;gap:12px;padding:14px 16px 10px}.field{display:flex;min-width:0;flex-direction:column;gap:6px}.field span{color:#465267;font-size:.78rem;font-weight:700}.field input,.field select{width:100%;height:38px;border:1px solid var(--line);border-radius:6px;padding:0 11px;background:#ffffff;color:var(--text);outline:none;transition:border-color .16s ease,box-shadow .16s ease}.field input::placeholder{color:#a0a8b7}.field input:focus,.field select:focus{border-color:rgba(15,118,110,.74);box-shadow:0 0 0 3px rgba(15,118,110,.12)}.filterFooter{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 16px 14px}.segmented{display:inline-flex;min-width:0;overflow:hidden;border:1px solid var(--line);border-radius:7px;background:var(--surface-soft)}.segmented button{min-width:74px;height:36px;border:0;border-right:1px solid var(--line);padding:0 12px;background:transparent;color:#475467;font-size:.83rem;font-weight:700;white-space:nowrap}.segmented button:last-child{border-right:0}.segmented button:hover{background:#ffffff}.segmented button.active{background:var(--accent);color:#ffffff}.buttonGroup,.pager{display:flex;align-items:center;gap:8px}.primaryButton,.secondaryButton{height:36px;border-radius:6px;padding:0 14px;font-size:.86rem;font-weight:760}.primaryButton{border:1px solid var(--accent);background:var(--accent);color:#ffffff}.primaryButton:hover{background:var(--accent-strong)}.secondaryButton{border:1px solid var(--line);background:#ffffff;color:#344054}.secondaryButton:hover:not(:disabled){border-color:#b8c3cf;background:#f9fafb}.switchControl{display:inline-flex;align-items:center;gap:8px;color:#344054;font-size:.84rem;font-weight:720;white-space:nowrap}.switchControl input{position:absolute;opacity:0;pointer-events:none}.switchControl span{position:relative;width:40px;height:22px;border-radius:999px;background:#d6dde7;transition:background .16s ease}.switchControl span:after{position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:50%;background:#ffffff;box-shadow:0 1px 4px rgba(24,33,47,.26);content:"";transition:transform .16s ease}.switchControl input:checked+span{background:var(--accent)}.switchControl input:checked+span:after{transform:translateX(18px)}.notice{margin:12px 0;border:1px solid var(--line);border-radius:var(--radius);padding:10px 12px;background:#ffffff;font-size:.88rem}.noticeError{border-color:#ffc9c2;background:var(--danger-soft);color:var(--danger)}.modalBackdrop{position:fixed;inset:0;z-index:20;display:grid;place-items:center;padding:18px;background:rgba(15,23,42,.38)}.managementDialog{width:min(420px,100%);border:1px solid var(--line);border-radius:var(--radius);background:#ffffff;box-shadow:0 24px 70px rgba(24,33,47,.28)}.dialogHeader{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;border-bottom:1px solid var(--line-soft)}.dialogHeader h2{font-size:1rem;font-weight:780}.iconButton{display:grid;width:30px;height:30px;place-items:center;border:1px solid var(--line);border-radius:6px;background:#ffffff;color:#475467;font-size:1.25rem;line-height:1}.iconButton:hover{border-color:#b8c3cf;background:#f9fafb}.managementForm{display:grid;grid-gap:12px;gap:12px;padding:16px}.formError{border:1px solid #ffc9c2;border-radius:6px;padding:9px 10px;background:var(--danger-soft);color:var(--danger);font-size:.84rem;font-weight:680}.dialogActions{display:flex;justify-content:flex-end;gap:8px}.contentGrid{display:grid;grid-template-columns:minmax(420px,.95fr) minmax(520px,1.25fr);grid-gap:14px;gap:14px;margin-top:14px}.contentGrid .panel{min-width:0}.tableFrame{overflow:auto;border-top:1px solid var(--line-soft)}.compactTableFrame,.groupTableFrame{max-height:330px}.waybillTableFrame{max-height:min(560px,calc(100vh - 300px))}table{width:100%;border-collapse:separate;border-spacing:0;background:#ffffff}.clientPanel table,.groupPanel table,table{min-width:100%}.waybillTableFrame table{min-width:1040px}td,th{border-bottom:1px solid var(--line-soft);padding:10px 12px;text-align:left;vertical-align:middle;font-size:.86rem;line-height:1.36}thead th{position:-webkit-sticky;position:sticky;top:0;z-index:1;background:#f8fafc;color:#475467;font-size:.76rem;font-weight:760;white-space:nowrap}tbody tr:hover{background:#fbfcfd}tbody tr:last-child td{border-bottom:0}.cellStrong{color:#1f2937;font-weight:740}.subText{margin-top:3px;font-size:.76rem}.wrapCell{min-width:120px;max-width:260px;overflow-wrap:anywhere}.waybillNo{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;color:#0f5f59;font-size:.94rem;font-weight:800;white-space:nowrap}.photoCell{display:flex;align-items:center;min-width:108px}.photoThumbButton{display:block;width:92px;height:68px;flex:0 0 auto;overflow:hidden;padding:0;border:1px solid var(--line);border-radius:6px;background:#f8fafc;cursor:zoom-in}.photoThumb{display:block;width:100%;height:100%;object-fit:contain}.photoThumbButton:hover{border-color:var(--accent)}.photoThumbButton:focus-visible{outline:3px solid rgba(15,118,110,.16);outline-offset:2px}.imagePreviewBackdrop{z-index:30;padding:20px;background:rgba(15,23,42,.68)}.imagePreviewDialog{display:flex;width:min(1080px,100%);max-height:calc(100vh - 40px);min-height:0;flex-direction:column;overflow:hidden;border:1px solid rgba(255,255,255,.24);border-radius:var(--radius);background:#ffffff;box-shadow:0 26px 80px rgba(15,23,42,.42)}.imagePreviewStage{display:grid;min-height:0;flex:1 1;place-items:center;overflow:auto;padding:14px;background:linear-gradient(45deg,#f2f4f7 25%,transparent 0),linear-gradient(-45deg,#f2f4f7 25%,transparent 0),linear-gradient(45deg,transparent 75%,#f2f4f7 0),linear-gradient(-45deg,transparent 75%,#f2f4f7 0),#ffffff;background-position:0 0,0 8px,8px -8px,-8px 0;background-size:16px 16px}.imagePreviewStage img{display:block;max-width:100%;max-height:calc(100vh - 130px);object-fit:contain;background:#ffffff}.emptyPhoto{color:var(--muted-2)}.emptyPhoto,.processButton{display:inline-flex;align-items:center;height:28px;font-size:.8rem;white-space:nowrap}.processButton{justify-content:center;border:1px solid #b8d9d5;border-radius:6px;padding:0 10px;background:var(--accent-soft);color:var(--accent-strong);font-weight:760}.processButton:hover:not(:disabled){border-color:var(--accent);background:#dff0ed}.processButton-done{border-color:#bfe8cd;background:var(--good-soft);color:var(--good)}.processButton:disabled{opacity:1}.recordActions{display:flex;align-items:center;gap:7px;min-width:210px;flex-wrap:wrap}.dangerMiniButton,.secondaryMiniButton{display:inline-flex;align-items:center;justify-content:center;height:28px;border-radius:6px;padding:0 9px;font-size:.8rem;font-weight:760;white-space:nowrap}.secondaryMiniButton{border:1px solid var(--line);background:#ffffff;color:#344054}.secondaryMiniButton:hover:not(:disabled){border-color:#b8c3cf;background:#f9fafb}.dangerMiniButton{border:1px solid #ffc9c2;background:var(--danger-soft);color:var(--danger)}.dangerMiniButton:hover:not(:disabled){border-color:#e78b82;background:#ffe5e0}.emptyCell{height:86px;text-align:center;font-size:.88rem}.pager span{display:inline-grid;min-width:36px;height:32px;place-items:center;border:1px solid var(--line);border-radius:6px;background:#ffffff;color:#344054;font-size:.84rem;font-weight:780}@media (max-width:1180px){.summaryBar{grid-template-columns:repeat(3,minmax(0,1fr))}.contentGrid{grid-template-columns:1fr}.compactTableFrame,.groupTableFrame{max-height:360px}}@media (max-width:820px){.dashboardShell{width:min(100vw - 24px,760px);margin-top:14px}.filterFooter,.panelHeader,.topBar{align-items:stretch;flex-direction:column}.buttonGroup,.panelAction,.topStatus{justify-content:flex-start}.summaryBar{grid-template-columns:repeat(2,minmax(0,1fr))}.filterGrid{grid-template-columns:1fr}.segmented{width:100%;overflow-x:auto}.segmented button{min-width:96px}.buttonGroup{flex-wrap:wrap}.primaryButton,.secondaryButton{flex:1 1 92px}}@media (max-width:520px){.brandBlock{align-items:flex-start}.brandMark{width:40px;height:40px}h1{font-size:1.22rem}.brandBlock p{font-size:.84rem}.summaryBar{grid-template-columns:1fr}.metricCard{min-height:96px}.metricValue{font-size:1.5rem}.filterFooter,.filterGrid,.panelHeader{padding-right:12px;padding-left:12px}}