:root{font-family:Inter,Segoe UI,Microsoft YaHei,sans-serif;color:#243a38;background:#f4f7f7;font-synthesis:none;--teal: #11675c;--muted: #7b8b88;--line: #e3eae8}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer;border:0;background:none;color:inherit;transition:background .15s}button:disabled{opacity:.45;cursor:not-allowed}button:focus-visible,a:focus-visible{outline:3px solid #74bfb0;outline-offset:3px}input,textarea,select{width:100%;border:1px solid #dbe4e1;background:#fff;border-radius:8px;padding:12px;color:#243a38;outline:none;font-size:14px}input:focus,textarea:focus,select:focus{border-color:#438f80;box-shadow:0 0 0 3px #438f8015}textarea{resize:vertical;line-height:1.7}label{display:block;font-size:14px;font-weight:500;margin:16px 0}label input,label textarea,label select{margin-top:8px}label b{color:#c15252}h1,h2,h3,p{margin-top:0}h1{font-size:30px;letter-spacing:-.8px;margin-bottom:12px}h2{font-size:20px;margin-bottom:8px}h3{font-size:15px;margin:0 0 14px}p{line-height:1.7}small,.small{font-size:12px}.muted{color:var(--muted);font-weight:400}.primary{background:var(--teal);color:#fff;padding:13px 21px;border-radius:8px;font-weight:600;font-size:14px;box-shadow:0 4px 10px #11675c12}.primary:hover{background:#0a554b}.secondary{background:#fff;border:1px solid #d7e3df;border-radius:8px;padding:11px 17px;font-size:14px;color:var(--teal)}.secondary:hover{background:#f1f7f5}.compact{padding:9px 13px;font-size:12px}.full{width:100%}.text-btn{color:var(--teal);font-size:13px;white-space:nowrap;padding:8px}.mini-label{color:#71958e;font-size:10px;font-weight:700;letter-spacing:2px;margin-bottom:12px}.brand{display:flex;align-items:center;gap:10px;font-size:19px;font-weight:700;text-decoration:none;color:#244b44;white-space:nowrap}.brand small{font-size:11px;color:#8b9995;border-left:1px solid #dae3df;padding-left:12px;margin-left:4px;font-weight:400}.brand-symbol{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:var(--teal);color:#fff;font-size:19px}.topbar{background:#fff;border-bottom:1px solid var(--line)}.top-inner{max-width:1400px;margin:auto;padding:0 40px;min-height:82px;display:flex;align-items:center;gap:40px}.topbar nav{display:flex;align-self:stretch;gap:24px;margin-left:24px}.topbar nav button{font-size:14px;border-bottom:3px solid transparent;padding:0 4px;color:#7b8b88}.topbar nav button.active{color:var(--teal);border-color:var(--teal);font-weight:600}.user-menu{margin-left:auto;display:flex;align-items:center;gap:10px;font-size:13px;white-space:nowrap}.user-menu small{display:block;color:#8a9996;font-size:10px;margin-top:4px}.avatar{width:34px;height:34px;background:#e9f2ef;border-radius:50%;display:grid;place-items:center;color:var(--teal);font-size:13px}.content{max-width:1400px;margin:0 auto;padding:38px 40px}.page-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;gap:16px}.page-heading p{margin:0;font-size:14px}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-bottom:30px}.stat{background:#fff;border:1px solid var(--line);border-radius:12px;padding:23px 25px;text-align:left;position:relative;overflow:hidden}.stat.selected{outline:2px solid #79a99e}.stat-top{display:flex;justify-content:space-between;align-items:center;font-size:14px;color:#607874}.stat-icon{border-radius:10px;width:36px;height:36px;background:#eef4f8;color:#58849d;display:grid;place-items:center;font-size:22px}.stat.pending{background:snow;border-color:#f2dede}.pending .stat-icon{background:#fbe9e9;color:#ce5454}.completed .stat-icon{background:#eaf5ee;color:#4a9570}.stat strong{font-size:39px;line-height:1.5;font-weight:600;letter-spacing:-1px}.stat.pending strong{color:#c65353}.stat strong small{font-weight:400;margin-left:10px;color:#9ba8a4;letter-spacing:0}.stat-bottom{border-top:1px solid #eef1f0;padding-top:15px;margin-top:12px;font-size:12px;color:#94a19d;display:flex;justify-content:space-between}.records{border:1px solid var(--line);border-radius:12px;background:#fff;overflow:hidden}.records-head{padding:25px 26px 18px;display:flex;justify-content:space-between;align-items:center}.records-head h2{font-size:18px}.records-head h2 span{font-size:12px;color:#768d86;background:#eff4f2;padding:3px 8px;border-radius:5px;margin-left:8px}.records-head p{font-size:12px;margin:0}.filters{display:flex;align-items:center;justify-content:space-between;padding:0 26px 18px;gap:18px}.tabs{display:flex;gap:4px;background:#f4f6f5;padding:4px;border-radius:8px;white-space:nowrap}.tabs button{padding:9px 15px;font-size:13px;color:#7d8d88;border-radius:6px}.tabs .active{background:#fff;color:var(--teal);box-shadow:0 1px 4px #102d2010}.search{display:flex;align-items:center;border:1px solid #e0e7e4;border-radius:8px;padding:0 10px;width:370px;margin:0;font-size:23px;color:#96a5a0}.search input{border:0;margin:0;padding:10px 8px;font-size:12px;background:none;box-shadow:none}.search button{font-size:18px}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;text-align:left;white-space:nowrap}th{background:#f8faf9;font-size:12px;font-weight:500;color:#82958e;padding:15px 24px;border-block:1px solid #edf1ef}td{font-size:13px;padding:21px 24px;border-bottom:1px solid #edf1ef}tbody tr:hover{background:#fafdfb}td strong{font-weight:600}.order-link{color:#2f6257;font-size:12px;font-weight:600;padding:0;text-align:left}.subline{margin-top:9px;font-size:12px;color:#81928b}.phone{font-weight:400;margin-left:12px;color:#6b8078;font-size:13px}.address-preview{color:#94a19d;font-size:12px;margin-top:8px;max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vendor-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#8fb5aa;margin-right:8px}.badge{display:inline-flex;align-items:center;gap:6px;border-radius:5px;padding:6px 9px;font-size:11px;font-weight:500;white-space:nowrap}.badge:before{content:"";width:5px;height:5px;border-radius:50%;background:currentColor}.badge.transit{background:#edf3f9;color:#5d829c}.badge.pending{background:#fcecec;color:#c34e4e}.badge.completed{background:#edf6ef;color:#548d67}.date-cell{font-size:11px;color:#8c9d96;white-space:normal;max-width:130px;line-height:1.7}.pagination{display:flex;align-items:center;justify-content:space-between;padding:18px 26px;color:#94a19d;font-size:12px}.pagination button{border:1px solid #e1e7e4;border-radius:5px;padding:6px 10px;margin-left:8px;font-size:12px}.workspace-foot{font-size:11px;color:#9ba9a4;display:flex;justify-content:space-between;margin-top:23px}.scope-badge{font-size:12px;color:#527e70;background:#e9f2ee;padding:8px 11px;border-radius:6px;display:inline-block}.empty{text-align:center;padding:55px 20px;color:#98a8a0}.empty>div{font-size:36px;color:#b8cdc4;margin-bottom:16px}.empty h3{color:#637d70}.empty p{font-size:13px}.panel{background:#fff;border:1px solid var(--line);border-radius:12px;padding:26px}.vendor-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.vendor-grid h2{margin-top:18px}.account-row{display:flex;justify-content:space-between;align-items:center;background:#f6f9f7;padding:12px;margin:20px 0;border-radius:8px}.account-row small{display:block;color:#8ba093;margin-top:7px}.audit-row{display:flex;gap:14px;padding:14px 0;border-bottom:1px solid var(--line);font-size:14px}.audit-row p{margin:6px 0}.overlay{position:fixed;inset:0;background:#14342c66;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:10;padding:24px;overflow:auto;display:flex;align-items:flex-start;justify-content:center}.dialog{background:#fff;border-radius:16px;width:460px;max-width:100%;padding:28px;margin:auto;box-shadow:0 24px 100px #10282030}.dialog.wide{width:820px}.dialog-head{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding-bottom:16px;margin-bottom:22px}.dialog-head .mini-label{margin-bottom:7px}.close{font-size:26px;color:#82938a;width:36px;height:36px;border-radius:50%;background:#f3f6f4}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.recipient-box{background:#f5f9f7;border:1px solid #dceae3;border-radius:10px;padding:20px;margin:15px 0}.recipient-box .mini-label{margin:0;font-size:9px}.recipient-box textarea{margin-bottom:10px}.row-between{display:flex;align-items:center;justify-content:space-between;gap:12px}.row-between h3{margin-bottom:10px}.checkbox{display:flex;align-items:flex-start;gap:8px;font-size:12px;color:#638273;line-height:1.5}.checkbox input{width:16px;height:16px;margin:0;accent-color:var(--teal)}.dialog-footer{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);padding-top:20px;margin-top:24px}.detail-title{display:flex;align-items:flex-start;justify-content:space-between}.detail-title strong{font-size:19px}.detail-title p{font-size:13px;margin-top:10px}.progress-track{display:flex;padding:15px 0 24px}.progress-track>div{flex:1;display:flex;align-items:center;gap:8px;color:#a6b3ac;font-size:12px}.progress-track>div:not(:last-child):after{content:"";height:1px;flex:1;background:#e1e9e4;margin-right:12px}.progress-track i{font-style:normal;display:grid;place-items:center;width:23px;height:23px;border-radius:50%;background:#f0f4f1}.progress-track .done{color:#397860}.progress-track .done i{background:#e4f1e9}.recipient-card{padding:20px;background:#f2f8f5;border:1px solid #dcebe3;border-radius:10px}.recipient-card>h3{margin-top:17px;margin-bottom:8px}.full-address{font-size:14px;color:#5d7569;word-break:break-word}.copy-actions{display:flex;gap:20px}.copy-actions button{color:#387f66;font-size:12px;padding:0}details{margin-top:15px;font-size:12px;color:#80978a}summary{cursor:pointer}pre{white-space:pre-wrap;font-family:inherit;overflow-wrap:anywhere}.detail-info{display:grid;grid-template-columns:1.5fr 1fr;gap:12px;padding:22px 0}.detail-info span{font-size:12px;color:#92a396}.detail-info p{font-size:13px;margin:7px 0;white-space:pre-wrap;overflow-wrap:anywhere}.status-action{background:#fcf9f4;border:1px solid #eee6d7;padding:17px;border-radius:10px;display:flex;align-items:center;justify-content:space-between;margin-bottom:25px;gap:16px}.status-action strong{font-size:14px}.status-action p{margin:5px 0 0}.detail-columns{display:grid;grid-template-columns:1.1fr 1fr;gap:30px;border-top:1px solid var(--line);padding-top:24px}.note{background:#f6f8f6;padding:13px;border-radius:8px;margin-bottom:10px}.note time{color:#91a094;font-size:10px}.note p{font-size:13px;white-space:pre-wrap;overflow-wrap:anywhere;margin:8px 0 0}.timeline{display:flex;gap:12px;position:relative;padding-bottom:20px;font-size:12px}.timeline strong{font-weight:500}.timeline p{font-size:10px;color:#96a497;margin:6px 0}.timeline-dot{width:8px;height:8px;flex-shrink:0;background:#9cbcad;border-radius:50%;margin-top:5px}.warning{font-size:12px;color:#9c6a1e;margin:8px 0}.error{padding:12px;background:#fff0ee;border:1px solid #f2ccc8;color:#b1433b;border-radius:8px;font-size:13px}.toast{position:fixed;bottom:30px;left:50%;transform:translate(-50%);background:#194e3e;color:#fff;box-shadow:0 5px 25px #123a3025;border-radius:9px;padding:14px 24px;z-index:30;font-size:14px;max-width:90%;white-space:nowrap}.mobile-records{display:none}.login-layout{min-height:100vh;display:grid;grid-template-columns:1.05fr 1fr;background:#fff}.login-story{background:radial-gradient(ellipse at 90% 70%,#277c69 0,transparent 50%),#144d42;color:#e1eee8;padding:55px 65px;display:flex;flex-direction:column;position:relative;overflow:hidden}.login-story:after{content:"";width:600px;height:600px;position:absolute;right:-330px;bottom:-300px;border:1px solid #ffffff12;border-radius:50%;box-shadow:0 0 0 65px #ffffff03,0 0 0 130px #ffffff03;pointer-events:none}.brand.light{color:#fff}.brand.light .brand-symbol{background:#ffffff19}.brand.light small{color:#a3bdb1;border:0}.story-body{margin:auto 0;padding:70px 0}.eyebrow{font-size:12px;color:#a7c8b9;letter-spacing:3px}.story-body h1{font-size:46px;line-height:1.45;font-weight:500;margin:24px 0}.story-body p{font-size:15px;line-height:2.1;color:#a7c7b7}.journey{display:flex;align-items:center;margin-top:50px;max-width:380px}.journey span{font-size:23px;color:#8eb8a5}.journey em{display:block;font-style:normal;font-size:12px;color:#c6dbd0;margin-top:10px}.journey i{height:1px;background:#4d7f6c;flex:1;margin:0 22px}.login-story>small{font-size:10px;color:#86ac99}.login-panel{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:60px 35px}.login-form{max-width:350px;width:100%;margin:auto}.login-form h2{font-size:28px}.login-form>p{font-size:13px;margin-bottom:35px}.login-form label{margin:25px 0}.login-form .full{margin-top:9px;padding:15px}.login-hint{text-align:center;font-size:11px!important;color:#9baba2;margin-top:25px;line-height:1.9}.login-panel footer{font-size:11px;color:#acb7b0;margin-top:40px}.loading{padding:20vh;text-align:center;color:#759c88}@media(min-width:1450px){.content{padding-top:45px}}@media(max-width:1100px){.top-inner{padding:0 24px;gap:18px}.topbar nav{gap:16px;margin-left:0}.brand small{display:none}.content{padding:30px 24px}.filters{flex-wrap:wrap}.search{width:100%}.story-body h1{font-size:37px}.login-story{padding:45px}.stat{padding:20px}.stats{gap:14px}td,th{padding:17px}.user-menu{gap:5px}}@media(max-width:700px){.top-inner{flex-wrap:wrap;padding:16px 18px 0;gap:15px}.brand{font-size:17px}.brand-symbol{width:30px;height:30px;font-size:17px}.user-menu{font-size:11px}.user-menu .avatar{display:none}.user-menu .text-btn{padding:5px;font-size:11px}.topbar nav{width:100%;order:3;gap:28px;height:40px}.topbar nav button{font-size:13px}.content{padding:26px 16px}.page-heading{margin-bottom:22px;align-items:flex-start}.page-heading h1{font-size:25px}.page-heading p{font-size:12px;max-width:240px}.page-heading .primary{padding:11px 12px;white-space:nowrap;margin-top:20px;font-size:12px}.mini-label{font-size:9px;letter-spacing:1.3px}.stats{gap:8px;margin-bottom:22px}.stat{padding:12px 10px;border-radius:10px}.stat-top{font-size:11px;gap:3px}.stat-icon{display:none}.stat strong{font-size:29px}.stat strong small{font-size:9px;margin-left:5px}.stat-bottom{font-size:10px;line-height:1.6;padding-top:10px;margin-top:6px}.stat-bottom span{display:none}.records-head{padding:20px 16px 16px}.records-head h2{font-size:16px}.records-head p{font-size:11px}.filters{padding:0 14px 16px;gap:13px}.tabs{width:100%;justify-content:space-between}.tabs button{padding:8px 10px;font-size:11px}.table-wrap{display:none}.mobile-records{display:block}.mobile-records article{padding:18px 16px;border-top:1px solid var(--line);cursor:pointer}.mobile-records article>p{margin:10px 0}.mobile-records .address-preview{max-width:100%;margin-bottom:15px}.mobile-records strong{font-size:14px}.pagination{padding:15px 12px;font-size:10px;gap:10px}.pagination button{font-size:10px;padding:6px;margin-left:5px}.workspace-foot{font-size:9px;gap:10px}.overlay{padding:10px;align-items:flex-start}.dialog{padding:20px 17px;border-radius:12px}.dialog.wide{margin:0}.dialog-head h2{font-size:20px}.form-grid{gap:12px}.recipient-box{padding:14px}.recipient-box .mini-label{display:none}.dialog-footer{gap:12px}.dialog-footer .primary{white-space:nowrap}.detail-title strong{font-size:14px}.recipient-card{padding:15px}.recipient-card .primary{font-size:10px;padding:9px}.detail-columns{grid-template-columns:1fr;gap:28px}.detail-info{grid-template-columns:1fr}.status-action .primary{font-size:12px;white-space:nowrap;padding:12px}.detail-title .badge{font-size:10px}.vendor-grid{grid-template-columns:1fr}.scope-badge{font-size:10px}.page-heading>.scope-badge{max-width:115px;line-height:1.7}.login-layout{display:block}.login-story{padding:25px 25px 32px;min-height:auto}.story-body{padding:30px 0 0}.story-body h1{font-size:30px;margin:15px 0 0}.story-body p,.journey,.login-story>small{display:none}.eyebrow{font-size:10px}.login-panel{padding:40px 25px 25px}.login-form h2{font-size:24px}.login-panel footer{margin-top:15px}.toast{font-size:12px;padding:12px 16px;white-space:normal}.full-address{overflow-wrap:anywhere}}