:root{--green:#e50012;--deep:#861d24;--ink:#3d3031;--muted:#968789;--line:#ece3e3;--bg:#f8f6f6}*{box-sizing:border-box}body{color:var(--ink);background:var(--bg);margin:0;font-family:Arial,Microsoft YaHei,Segoe UI,sans-serif;font-size:14px}button,input,textarea{font:inherit}button,a,label.upload{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{opacity:.5;cursor:wait}button{color:inherit;background:0 0;border:0}a{color:inherit;text-decoration:none}input,textarea{width:100%;color:var(--ink);background:#fff;border:1px solid #dbe3dc;border-radius:7px;outline:none;padding:11px 12px}input:focus,textarea:focus{border-color:#cc454c;box-shadow:0 0 0 3px #e5001212}textarea{resize:vertical;min-height:85px}h1,h2,h3,p{margin:0}h1{letter-spacing:-.7px;font-size:30px;font-weight:600}h2{font-size:20px}h3{font-size:15px}button:focus-visible,a:focus-visible{outline-offset:3px;outline:3px solid #dc9095}.sidebar{border-right:1px solid var(--line);background:#fff;flex-direction:column;width:238px;padding:30px 20px;display:flex;position:fixed;inset:0 auto 0 0}.brand{align-items:center;gap:11px;margin:0 0 52px 8px;display:flex}.brand-icon{background:var(--green);color:#fff;border-radius:12px;place-items:center;width:43px;height:43px;display:grid}.brand b{letter-spacing:1px;font-size:20px}.vn{color:var(--green);letter-spacing:3.3px;margin-top:2px;font-size:8px;display:block}.brand small{color:var(--muted);margin-top:5px;font-size:10px;display:block}.nav-label{letter-spacing:1.8px;color:#ad9c9d;margin:0 15px 16px;font-size:10px}.nav{text-align:left;color:#988789;border-radius:8px;align-items:center;gap:12px;width:100%;margin:3px 0;padding:14px 15px;display:flex}.nav svg:last-child{margin-left:auto}.nav.active{color:var(--green);background:#fbedee;font-weight:600}.sidebar-foot{border-top:1px solid var(--line);margin-top:auto;padding:20px 13px 0}.mini-logo{float:left;color:#a84b50;background:#f8ebec;border-radius:50%;place-items:center;width:33px;height:33px;margin-right:10px;font-size:11px;display:grid}.sidebar-foot b{margin:3px 0 5px;font-size:12px;display:block}.sidebar-foot small{color:var(--muted);letter-spacing:.7px;font-size:8px}.sidebar-foot>div{color:var(--muted);align-items:center;gap:6px;margin-top:25px;font-size:10px;display:flex}.workspace{flex-direction:column;min-height:100vh;margin-left:238px;display:flex}.topbar{border-bottom:1px solid var(--line);background:#ffffffb0;justify-content:space-between;align-items:center;gap:15px;height:78px;padding:0 42px;display:flex}.breadcrumb{color:#8a948e;align-items:center;gap:12px;font-size:12px;display:flex}.breadcrumb b{color:#53685c;font-weight:400}.top-right{align-items:center;gap:24px;display:flex}.language{border:1px solid var(--line);background:#fff;border-radius:7px;align-items:center;gap:8px;padding:9px 11px;font-size:12px;display:flex}.connection{color:#819086;align-items:center;gap:7px;font-size:11px;display:flex}.connection i,.eyebrow span{background:#e50012;border-radius:50%;width:6px;height:6px}.connection.offline{color:#b7793c}.connection.offline i{background:#b7793c}main{flex:1;width:100%;max-width:1600px;margin:0 auto;padding:42px}.hero{justify-content:space-between;align-items:center;gap:25px;margin-bottom:37px;display:flex}.eyebrow{letter-spacing:1.6px;color:#a47d80;align-items:center;gap:7px;margin-bottom:13px;font-size:10px;display:flex}.subtitle{color:#87948b;margin-top:12px;font-size:13px}.primary,.outline{white-space:nowrap;border-radius:7px;justify-content:center;align-items:center;gap:9px;padding:12px 17px;font-size:13px;display:inline-flex}.primary{background:var(--green);color:#fff;box-shadow:0 3px 6px #7a152012}.primary:hover{background:#c60010}.outline{border:1px solid var(--line);background:#fff}.section-label{align-items:center;gap:13px;margin-bottom:15px;font-size:13px;display:flex}.section-label span{color:#9ca99f;letter-spacing:1.5px;font-size:8px}.stats{grid-template-columns:repeat(4,1fr);gap:17px;margin-bottom:32px;display:grid}.stat{border:1px solid var(--line);text-align:left;background:#fff;border-radius:10px;align-items:flex-start;gap:15px;padding:24px 20px;display:flex}.stat-icon{color:#ad6569;background:#faeeee;border-radius:9px;padding:11px}.stat>span:nth-child(2){color:#819085;font-size:12px}.stat strong{color:#493537;margin-top:12px;font-size:33px;font-weight:500;line-height:1.25;display:block}.stat>svg:last-child{color:#b2beb4;margin-left:auto}.stat.pending .stat-icon{color:#b38b44;background:#fcf3e6}.stat.signed .stat-icon{color:#4e8764;background:#e8f3ec}.stat.exception .stat-icon{color:#bb8c70;background:#f8eee9}.task-panel{border:1px solid var(--line);background:#fff;border-radius:10px;min-height:350px;overflow:hidden}.panel-head{border-bottom:1px solid var(--line);align-items:center;gap:15px;padding:20px 23px;display:flex}.tabs{flex-shrink:0;gap:9px;display:flex}.tabs button{color:#89948d;border-radius:6px;padding:9px 12px;font-size:12px}.tabs .selected{color:var(--green);background:#eef4ef;font-weight:600}.search{color:#a2ada5;border:1px solid var(--line);border-radius:6px;flex:1;align-items:center;gap:7px;max-width:285px;margin-left:auto;padding:0 10px;display:flex}.search input{box-shadow:none;background:0 0;border:none;min-width:50px;padding:10px 0;font-size:11px}.icon-button{border-radius:5px;justify-content:center;align-items:center;padding:8px;display:flex}.icon-button:hover{background:#fbefef}.table-head{color:#99a59c;background:#fffdfd;grid-template-columns:1.9fr 1fr 1fr 24px;padding:15px 25px;font-size:10px;display:grid}.task-row{text-align:left;border-bottom:1px solid #edf0eb;grid-template-columns:1.9fr 1fr 1fr 24px;align-items:center;gap:20px;width:100%;padding:23px 25px;display:grid}.task-row:hover{background:snow}.task-identity{align-items:center;gap:14px;min-width:0;display:flex}.package-icon{color:#b67c80;background:#faf0f0;border-radius:9px;flex-shrink:0;padding:12px}.task-identity>div{min-width:0}.task-identity small{letter-spacing:1px;color:#9aa79c;font-size:9px}.task-identity h3{margin:7px 0;font-size:13px}.task-identity p{color:#99a49a;align-items:center;gap:4px;font-size:10px;line-height:1.5;display:flex}.task-date{color:#6d8071;font-size:12px}.task-date small{color:#9da89e;margin-top:8px;font-size:11px;display:block}.badge{white-space:nowrap;border-radius:5px;align-items:center;gap:6px;width:max-content;padding:7px 10px;font-size:10px;display:inline-flex}.badge i{background:currentColor;border-radius:50%;width:4px;height:4px}.badge.pending{color:#ae853d;background:#fcf5e9}.badge.signed{color:#538568;background:#eaf4ee}.badge.exception{color:#b17a5b;background:#f8eee8}.row-arrow{color:#b0bcb2}.panel-footer{color:#a1ada2;justify-content:space-between;padding:17px 25px;font-size:10px;display:flex}.panel-footer span{letter-spacing:2px;font-size:8px}.empty{text-align:center;color:#7c9080;flex-direction:column;justify-content:center;align-items:center;gap:17px;min-height:300px;padding:35px;display:flex}.empty h2{color:#694d50;font-size:18px}.empty p{max-width:420px;font-size:12px;line-height:1.8}.empty-icon{border:1px solid var(--line);color:#b77f83;background:#fcf8f8;border-radius:50%;padding:18px}.bottom-note{color:#9bab9f;justify-content:space-between;margin-top:20px;font-size:10px;display:flex}.bottom-note span,.bottom-note button{align-items:center;gap:6px;display:flex}.app-footer{color:#a0ada3;letter-spacing:.5px;justify-content:space-between;padding:25px 42px;font-size:9px;display:flex}.error{color:#a64e2d;background:#fff0e9;border:1px solid #f1d4c3;border-radius:7px;justify-content:space-between;align-items:center;margin-bottom:18px;padding:13px;display:flex}.error button{gap:5px;display:flex}.toast{z-index:50;background:var(--deep);color:#fff;border-radius:8px;align-items:center;gap:10px;max-width:90vw;padding:15px 20px;display:flex;position:fixed;top:90px;left:50%;transform:translate(-50%);box-shadow:0 5px 25px #162e3820}.detail-top{justify-content:space-between;margin-bottom:20px;display:flex}.text-button{color:var(--green);align-items:center;gap:7px;padding:9px 0;font-size:12px;display:inline-flex}.delivery-sheet{border:1px solid var(--line);background:#fff;border-radius:11px;max-width:960px;margin:0 auto;padding:35px}.sheet-title{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:20px;padding-bottom:27px;display:flex}.sheet-title h1{margin-bottom:13px;font-size:24px}.sheet-title small{letter-spacing:.8px;color:#95a498;overflow-wrap:anywhere;font-size:10px}.sheet-mark{color:var(--green);background:#fbedee;border-radius:10px;padding:16px}.delivery-info{grid-template-columns:1fr auto;gap:25px;padding:27px 0;display:grid}.delivery-info label{color:#97a69a;margin-bottom:10px;font-size:11px;display:block}.delivery-info h2{margin-bottom:15px;font-size:18px}.delivery-info p{color:#7d8f80;gap:8px;margin-top:10px;font-size:12px;line-height:1.7;display:flex}.delivery-info b{margin-bottom:15px;font-size:13px;display:block}.delivery-note{color:#7e8e70;white-space:pre-wrap;background:#f5f7f0;border-radius:6px;padding:13px;font-size:12px}.steps{justify-content:space-around;align-items:center;padding:28px 0;display:flex}.steps span{color:#849788;align-items:center;gap:8px;font-size:12px;display:flex}.steps b{color:var(--green);background:#fbecee;border-radius:50%;place-items:center;width:25px;height:25px;font-size:11px;display:grid}.steps i{background:var(--line);width:10%;height:1px}.sheet-section{border-top:1px solid var(--line);padding:24px 0}.sheet-section h3{color:#466650;align-items:center;gap:9px;margin-bottom:17px;font-size:14px;display:flex}.small{color:var(--muted);margin-left:auto;font-size:11px;font-weight:400}.goods-head,.goods-row{grid-template-columns:1fr 110px 100px;align-items:center;gap:15px;padding:14px 12px;display:grid}.goods-head{color:#8c9b8e;background:#f5f7f2;border-radius:6px;font-size:11px}.goods-row{border-bottom:1px solid #f0f2ed;font-size:13px}.goods-row small{color:#9aa79b;margin-top:8px;font-size:10px;display:block}.goods-row input{text-align:center;padding:10px}.hint{color:#96a298;margin-bottom:15px;font-size:11px;line-height:1.8}.photo-grid{grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:12px;display:grid}.photo{aspect-ratio:1;border-radius:7px;position:relative;overflow:hidden}.photo img{object-fit:cover;width:100%;height:100%}.photo button{background:#fff;border-radius:50%;place-items:center;width:24px;height:24px;display:grid;position:absolute;top:5px;right:5px}.photo small{color:#fff;background:#0008;border-radius:3px;padding:3px;font-size:9px;position:absolute;bottom:5px;left:6px}.upload-buttons{gap:12px;display:flex}.upload{color:#ad535a;cursor:pointer;background:#fdf5f5;border:1px dashed #dcb3b6;border-radius:7px;flex:1;justify-content:center;align-items:center;gap:8px;padding:18px;font-size:12px;display:flex}.upload.secondary{color:#8c9e8e;background:#fff;border-color:#d0dbd0}.upload input{display:none}.field{color:#7d9182;flex-direction:column;gap:9px;margin-bottom:18px;font-size:12px;display:flex}.signature-box{position:relative}.signature{touch-action:none;background:#fffdfd;border:1px dashed #ddc6c8;border-radius:8px;width:100%;height:180px;display:block}.signature-placeholder{text-align:center;color:#c6d1c6;pointer-events:none;letter-spacing:3px;width:100%;font-size:18px;position:absolute;top:45%}.signature.readonly{background:0 0;border:none;max-width:500px;height:140px}.consent{color:#829486;align-items:flex-start;gap:10px;margin-top:16px;font-size:11px;line-height:1.8;display:flex}.consent input{width:17px;height:17px;accent-color:var(--green);flex-shrink:0}.submit-area{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:20px;padding-top:17px;display:flex}.submit-area .hint{margin:0}.success{color:#497653;background:#eaf3e9;border:1px solid #d8e7d5;border-radius:9px;align-items:center;gap:17px;max-width:960px;margin:0 auto 20px;padding:23px;display:flex}.success h2{margin-bottom:8px;font-size:16px}.success p{font-size:11px;line-height:1.8}.success button{margin-left:auto}.receipt-photos{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.receipt-photos img{object-fit:contain;border:1px solid var(--line);border-radius:6px;width:100%;max-height:230px}.signed-details{color:#7c8f80;justify-content:space-between;gap:20px;font-size:12px;display:flex}.signed-details span{font-size:10px}.receipt-declaration,.receipt-footer{color:#9aab9c;margin-top:20px;font-size:10px;line-height:1.9}.receipt-footer{text-align:center;border-top:1px solid var(--line);overflow-wrap:anywhere;padding-top:20px}.prewrap{white-space:pre-wrap;color:#8b9a8e;font-size:12px}.demo-banner{color:#a4843e;background:#fff5df;border-radius:6px;max-width:960px;margin:0 auto 15px;padding:12px;font-size:12px}.floating-copy{color:var(--green);background:#fff;border:1px solid #d1dfd3;border-radius:8px;align-items:center;gap:9px;padding:13px 17px;font-size:12px;display:flex;position:fixed;bottom:22px;right:28px;box-shadow:0 4px 20px #234d3215}.modal-backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:60;background:#3d192155;justify-content:center;align-items:center;padding:25px;display:flex;position:fixed;inset:0}.modal{background:#fff;border-radius:13px;width:700px;max-height:90vh;padding:28px;overflow:auto;box-shadow:0 20px 100px #15342630}.modal-head{justify-content:space-between;align-items:center;margin-bottom:25px;display:flex}.modal-head h2{font-size:20px}.form-grid{grid-template-columns:1fr 1fr;gap:0 20px;display:grid}.form-grid .wide{grid-column:1/-1}.form-item{grid-template-columns:1fr 85px 100px 25px;gap:10px;margin:12px 0;display:grid}.modal-actions{border-top:1px solid var(--line);justify-content:flex-end;gap:12px;margin-top:20px;padding-top:20px;display:flex}@media (width>=1500px){main{padding:48px 60px}.topbar{padding:0 60px}.stats{gap:24px}.stat{padding:28px}.hero{margin-bottom:45px}}@media (width<=1150px){.sidebar{width:205px;padding:25px 13px}.workspace{margin-left:205px}main{padding:30px 25px}.topbar{padding:0 25px}.panel-head{flex-wrap:wrap}.search{max-width:none}.stat{gap:10px;padding:18px 14px}.stat-icon{padding:8px}.stat strong{font-size:28px}.stat>svg:last-child,.connection{display:none}.table-head,.task-row{grid-template-columns:1.7fr .8fr .8fr 15px;gap:10px}.package-icon{display:none}.hero h1{font-size:26px}}@media (width<=760px){.sidebar{display:none}.workspace{margin-left:0}.topbar{height:64px;padding:0 18px}.breadcrumb{gap:6px;font-size:11px}.breadcrumb>b,.breadcrumb>svg{display:none}.language{padding:9px;font-size:11px}main{padding:25px 16px}.hero{flex-direction:column;align-items:flex-start;gap:20px;margin-bottom:27px}.hero h1{font-size:27px}.hero .primary{width:100%}.eyebrow{font-size:9px}.stats{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:22px}.stat{gap:13px;padding:17px}.stat strong{margin-top:7px;font-size:29px}.stat>span:nth-child(2){font-size:11px}.section-label{font-size:12px}.panel-head{gap:10px;padding:12px}.tabs{justify-content:space-between;gap:2px;width:100%}.tabs button{padding:10px;font-size:11px}.search{flex:1;max-width:none}.table-head{display:none}.task-row{grid-template-columns:1fr auto;gap:10px;padding:20px 16px}.task-identity{grid-column:1}.task-date{grid-column:1;align-items:center;gap:12px;font-size:10px;display:flex}.task-date small{margin:0;font-size:10px}.badge{grid-area:1/2}.row-arrow{grid-area:2/2;justify-self:end}.task-identity h3{font-size:14px}.task-identity p{font-size:11px}.empty{min-height:280px;padding:28px 20px}.empty h2{font-size:16px}.bottom-note{gap:14px;line-height:1.8}.app-footer{gap:12px;padding:20px 16px;font-size:8px}.delivery-sheet{padding:22px 16px}.sheet-title{gap:10px}.sheet-title h1{font-size:21px;line-height:1.6}.sheet-title small{font-size:8px}.sheet-mark{display:none}.delivery-info{grid-template-columns:1fr;gap:10px;padding:22px 0}.delivery-info>div:last-child{grid-template-columns:1fr 1fr;align-items:center;display:grid}.delivery-info b{font-size:12px}.steps{padding:22px 0}.steps span{gap:5px;font-size:10px}.steps i{width:5%}.goods-head,.goods-row{grid-template-columns:1fr 60px 70px;gap:8px;padding:12px 7px}.goods-head{font-size:10px}.goods-row{font-size:12px}.photo-grid{grid-template-columns:repeat(3,1fr)}.upload{padding:17px 7px;font-size:11px}.submit-area{flex-direction:column;gap:10px}.submit-area .primary{width:100%;padding:15px}.submit-area .hint{text-align:center;font-size:10px}.success{flex-wrap:wrap;gap:12px;padding:19px 15px}.success>svg{display:none}.success button{width:100%}.success h2{font-size:15px}.receipt-photos{grid-template-columns:1fr 1fr}.signed-details{flex-direction:column;gap:12px}.floating-copy{font-size:11px;bottom:15px;right:15px}.modal-backdrop{padding:12px}.modal{max-height:95vh;padding:20px}.form-grid{gap:0 12px}.form-item{grid-template-columns:1fr 65px 65px 20px;gap:5px}.form-item input{padding:10px 6px;font-size:11px}.modal-actions{flex-wrap:wrap}.modal-actions .primary{flex:1}.toast{min-width:240px;font-size:12px;top:75px}.signature{height:190px}}@media print{@page{size:A4;margin:14mm}.no-print{display:none!important}body,.workspace{background:#fff!important;margin:0!important}.workspace{display:block}main{max-width:none;padding:0}.delivery-sheet{border:0;max-width:none;padding:0}.delivery-sheet:not(.has-receipt){display:none}.sheet-title h1{font-size:22px}.sheet-title{padding-bottom:16px}.delivery-info{grid-template-columns:1fr auto;padding:16px 0}.sheet-section{break-inside:avoid;padding:15px 0}.receipt-photos{grid-template-columns:repeat(3,1fr)}.receipt-photos img{max-height:170px}.receipt-footer{font-size:9px}.goods-row{break-inside:avoid}.signature.readonly{height:110px}.signed-details{flex-direction:row}.sheet-section h3{font-size:13px}.sheet-mark{display:block}.eyebrow{color:#555}}.brand{margin-left:14px}.brand b{color:#e50012;letter-spacing:2px;font-size:26px;font-weight:800}.brand .vn{letter-spacing:2.2px;margin-top:4px;font-size:8px}.brand small{letter-spacing:1px;margin-top:10px;font-size:11px}.signature-box .signature{background:snow}.steps b{color:#e50012}.upload{color:#ad535a}.nav.active{color:#e50012}:root{--ink:#262626;--muted:#888;--line:#e7e7e7;--bg:#f6f6f6}.sidebar{background:#fff;border-right-color:#e5e5e5}.official-logo{object-fit:contain;width:168px;height:auto;display:block}.brand{margin:0 12px 38px}.brand small{color:#707070;letter-spacing:1px;margin-top:16px;font-size:12px}.nav.active{color:#d40012;background:#fff0f2;box-shadow:inset 3px 0 #e50012}.sheet-logo{object-fit:contain;width:135px;height:auto}.sidebar-foot .mini-logo{color:#c60010;background:#fff0f2}.sheet-title{gap:20px}.sheet-title>div{min-width:0}.hero .eyebrow{color:#969696}.stat-icon{color:#7b7b7b;background:#f5f5f5}.stat strong{color:#333}.tabs .selected{color:#d40012;background:#fff0f2}.topbar .breadcrumb{color:#888}.task-panel,.stat,.delivery-sheet{border-radius:7px}.success{background:#f0f7ef}.goods-head{background:#f6f6f6}.goods-row,.sheet-section{color:#4c4c4c}.sheet-section h3{color:#444}.delivery-info p,.field{color:#777}.hint{color:#888}.upload.secondary{color:#777;border-color:#ddd}.signature-placeholder{color:#ccc}@media (width<=760px){.sheet-logo{width:90px}.sheet-title{align-items:flex-start;gap:10px}.sheet-title h1{font-size:19px}.topbar .breadcrumb{max-width:55%;font-size:11px}.language{padding:8px;font-size:10px}.sheet-title small{font-size:7px}}@media print{.sheet-logo{width:120px;display:block}}.mobile-logo{display:none}@media (width<=760px){.topbar{height:78px}.breadcrumb{flex-direction:column;align-items:flex-start;gap:5px}.mobile-logo{width:100px;height:auto;display:block}.breadcrumb>span{font-size:9px}.topbar .breadcrumb{max-width:60%}}.login-panel{border:1px solid var(--line);color:#555;background:#fff;border-radius:8px;max-width:450px;margin:45px auto;padding:35px}.login-panel>svg{color:#e50012;margin-bottom:18px}.login-panel h1{margin-bottom:15px;font-size:23px}.login-panel>p{color:#777;font-size:13px;line-height:1.8}.login-panel form{margin-top:25px}.login-panel .primary{width:100%;margin-top:7px}.logout{color:#777;align-items:center;gap:6px;padding:8px;font-size:12px;display:flex}.driver-view .sidebar{display:none}.driver-view .workspace{margin-left:0}.driver-view main{max-width:1050px}.driver-view .topbar{justify-content:space-between}.receipt-photos:empty{display:none}@media (width<=760px){.top-right{gap:7px}.logout{padding:7px}.logout span{display:none}.login-panel{margin:12px 0;padding:25px 20px}.login-panel h1{font-size:21px}.topbar .breadcrumb{max-width:48%}.driver-view .topbar .breadcrumb{max-width:55%}}