:root{--ink:#142129;--muted:#66757d;--line:#d9e0e2;--paper:#f5f7f6;--white:#fff;--teal:#087c76;--teal2:#055f5b;--navy:#112f40;--orange:#e76f3e;--ok:#26855b;--shadow:0 12px 36px rgba(16,37,48,.12)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:"Microsoft YaHei",Inter,Arial,sans-serif;color:var(--ink);background:var(--paper);letter-spacing:0}button,input,select,textarea{font:inherit}button{cursor:pointer}a{text-decoration:none;color:inherit}.topbar{height:38px;background:var(--navy);color:#d7e3e7;font-size:13px}.topbar .inner,.nav .inner,.content{max-width:1180px;margin:auto}.topbar .inner{height:100%;display:flex;justify-content:space-between;align-items:center;padding:0 22px}.nav{height:76px;background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20}.nav .inner{height:100%;display:flex;align-items:center;gap:40px;padding:0 22px}.brand{display:flex;align-items:center;gap:12px;margin-right:auto}.brand-mark{width:40px;height:40px;background:var(--teal);color:#fff;display:grid;place-items:center;font-weight:800;font-size:20px;border-radius:4px}.brand strong{display:block;font-size:18px}.brand small{display:block;color:var(--muted);font-size:10px;margin-top:2px}.navlinks{display:flex;gap:28px;font-size:14px}.navlinks a:hover{color:var(--teal)}.btn{border:0;border-radius:4px;padding:11px 18px;background:var(--teal);color:#fff;font-weight:700}.btn:hover{background:var(--teal2)}.btn.secondary{background:#fff;color:var(--ink);border:1px solid var(--line)}.btn.danger{background:#fff;color:#b43a31;border:1px solid #e4c8c5}.btn.small{padding:7px 11px;font-size:13px}.hero{min-height:520px;background:linear-gradient(90deg,rgba(10,34,46,.94),rgba(10,45,54,.77),rgba(10,45,54,.28)),url('https://images.unsplash.com/photo-1578575437130-527eed3abbec?auto=format&fit=crop&w=1800&q=85') center/cover;color:#fff;display:flex;align-items:center}.hero-inner{max-width:1180px;width:100%;margin:auto;padding:78px 22px 92px}.eyebrow{color:#74d3ca;font-size:13px;font-weight:800;letter-spacing:0;text-transform:uppercase}.hero h1{font-size:48px;line-height:1.16;max-width:680px;margin:14px 0 16px;letter-spacing:0}.hero p{font-size:17px;line-height:1.8;color:#dce8e9;max-width:620px}.searchbox{display:flex;max-width:720px;margin-top:34px;background:#fff;padding:8px;border-radius:6px;box-shadow:var(--shadow)}.searchbox input{flex:1;border:0;outline:0;padding:13px 16px;font-size:16px;min-width:0}.searchbox button{min-width:130px}.example{font-size:12px;color:#bcd0d3;margin-top:12px}.section{padding:62px 22px}.content h2{font-size:30px;margin:8px 0 14px}.section-lead{color:var(--muted);line-height:1.7;max-width:650px}.stats{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);background:#fff;margin-top:-46px;position:relative;z-index:3;box-shadow:var(--shadow)}.stat{padding:27px;border-right:1px solid var(--line)}.stat:last-child{border:0}.stat strong{font-size:25px;color:var(--teal);display:block}.stat span{font-size:13px;color:var(--muted)}.services{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:30px}.service{background:#fff;border:1px solid var(--line);border-top:3px solid var(--teal);padding:26px;border-radius:4px}.service .icon{font-size:24px;color:var(--orange)}.service h3{margin:14px 0 9px}.service p{color:var(--muted);font-size:14px;line-height:1.7;margin:0}.result-wrap{display:none;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow);margin-top:26px;border-radius:4px;overflow:hidden}.result-head{background:var(--navy);color:#fff;padding:22px 26px;display:flex;justify-content:space-between;align-items:center}.result-head h3{margin:0}.status{font-size:12px;padding:5px 9px;border-radius:12px;background:#dff3e9;color:var(--ok);font-weight:700}.result-body{padding:25px}.details{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.detail label{display:block;font-size:12px;color:var(--muted);margin-bottom:5px}.detail strong{font-size:14px}.container-block{margin-top:28px;border-top:1px solid var(--line);padding-top:22px}.container-title{display:flex;justify-content:space-between;align-items:center}.timeline{margin-top:18px;padding-left:10px}.event{position:relative;padding:0 0 22px 26px;border-left:2px solid #c9dfdc}.event:before{content:"";position:absolute;left:-6px;top:2px;width:10px;height:10px;border-radius:50%;background:var(--teal)}.event:last-child{border-left-color:transparent}.event strong{font-size:14px}.event small{display:block;color:var(--muted);margin-top:5px}.error{color:#ba3f33;margin-top:15px;font-size:14px}.footer{background:var(--navy);color:#bbccd2;padding:34px 22px;font-size:13px}.footer .content{display:flex;justify-content:space-between}.mobile-login{display:none}
.admin-body{background:#edf1f1}.login-shell{min-height:100vh;display:grid;grid-template-columns:1.15fr .85fr}.login-visual{background:linear-gradient(rgba(7,42,53,.78),rgba(7,42,53,.86)),url('https://images.unsplash.com/photo-1494412651409-8963ce7935a7?auto=format&fit=crop&w=1400&q=85') center/cover;color:#fff;padding:60px;display:flex;flex-direction:column;justify-content:space-between}.login-visual h1{font-size:46px;max-width:570px}.login-panel{background:#fff;display:grid;place-items:center;padding:30px}.login-card{width:min(390px,100%)}.login-card h2{font-size:28px;margin:18px 0 8px}.login-card>p{color:var(--muted);margin-bottom:28px}.field{margin-bottom:16px}.field label{font-size:13px;font-weight:700;display:block;margin-bottom:7px}.field input,.field select,.field textarea{width:100%;border:1px solid #cbd5d8;border-radius:4px;padding:11px 12px;background:#fff;outline:none}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--teal);box-shadow:0 0 0 3px rgba(8,124,118,.1)}.login-card .btn{width:100%;margin-top:5px}.hint{background:#eff7f6;border-left:3px solid var(--teal);padding:12px;font-size:12px;color:var(--muted);margin-top:20px}.admin-app{display:none;min-height:100vh}.sidebar{width:240px;background:var(--navy);color:#fff;position:fixed;inset:0 auto 0 0;padding:25px 16px}.sidebar .brand{padding:0 8px 24px;border-bottom:1px solid rgba(255,255,255,.12)}.sidebar .brand small{color:#9ab0b8}.menu{margin-top:24px}.menu button{width:100%;display:flex;align-items:center;gap:11px;background:none;color:#b8c9cf;border:0;border-radius:4px;padding:12px;text-align:left;margin:4px 0}.menu button.active,.menu button:hover{background:var(--teal);color:#fff}.admin-main{margin-left:240px;min-height:100vh}.admin-top{height:68px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 28px}.admin-content{padding:28px}.page{display:none}.page.active{display:block}.page-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}.page-title h1{font-size:24px;margin:0}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.metric{background:#fff;border:1px solid var(--line);padding:20px;border-radius:4px}.metric span{color:var(--muted);font-size:13px}.metric strong{display:block;font-size:30px;margin-top:8px}.panel{background:#fff;border:1px solid var(--line);border-radius:4px;margin-top:18px}.panel-head{padding:17px 20px;border-bottom:1px solid var(--line);font-weight:700}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;font-size:13px}th,td{text-align:left;padding:13px 16px;border-bottom:1px solid #e7ebec;white-space:nowrap}th{color:var(--muted);font-weight:700;background:#fafbfb}.actions{display:flex;gap:7px}.empty{text-align:center;color:var(--muted);padding:40px}.modal{display:none;position:fixed;inset:0;background:rgba(9,29,38,.55);z-index:50;align-items:center;justify-content:center;padding:20px}.modal.open{display:flex}.modal-card{background:#fff;width:min(680px,100%);max-height:90vh;overflow:auto;border-radius:5px;box-shadow:var(--shadow)}.modal-head{display:flex;align-items:center;justify-content:space-between;padding:18px 22px;border-bottom:1px solid var(--line)}.modal-head h3{margin:0}.close{border:0;background:none;font-size:24px;color:var(--muted)}.modal-body{padding:22px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 16px}.span2{grid-column:1/-1}.modal-foot{display:flex;justify-content:flex-end;gap:10px;padding:16px 22px;border-top:1px solid var(--line)}.shipment-editor{display:grid;grid-template-columns:330px 1fr;gap:18px}.shipment-list{background:#fff;border:1px solid var(--line)}.shipment-item{padding:15px;border-bottom:1px solid var(--line);cursor:pointer}.shipment-item.active{border-left:4px solid var(--teal);background:#f0f8f7}.shipment-item strong,.shipment-item small{display:block}.shipment-item small{color:var(--muted);margin-top:5px}.editor{background:#fff;border:1px solid var(--line);padding:20px}.container-card{border:1px solid var(--line);margin-top:14px;padding:15px;border-radius:4px}.container-card header{display:flex;justify-content:space-between}.container-card small{color:var(--muted)}.event-mini{border-left:2px solid #bad6d2;padding:7px 0 7px 12px;margin:10px 0;font-size:12px}
@media(max-width:800px){.topbar,.navlinks,.nav>.inner>.btn{display:none}.nav{height:66px}.mobile-login{display:block;margin-left:auto}.hero{min-height:510px}.hero h1{font-size:36px}.searchbox{display:grid;grid-template-columns:1fr}.searchbox button{width:100%}.stats{grid-template-columns:1fr 1fr;margin-top:-28px}.stat:nth-child(2){border-right:0}.stat:nth-child(-n+2){border-bottom:1px solid var(--line)}.services{grid-template-columns:1fr}.details{grid-template-columns:1fr 1fr}.footer .content{display:block}.login-shell{grid-template-columns:1fr}.login-visual{display:none}.sidebar{width:70px;padding:20px 9px}.sidebar .brand strong,.sidebar .brand small,.sidebar .brand-mark+div,.menu button span{display:none}.sidebar .brand{padding:0 6px 18px}.admin-main{margin-left:70px}.admin-top,.admin-content{padding-left:16px;padding-right:16px}.metric-grid{grid-template-columns:1fr 1fr}.shipment-editor{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr}.span2{grid-column:auto}}@media(max-width:480px){.hero-inner{padding-top:55px}.hero h1{font-size:31px}.section{padding:45px 16px}.details,.metric-grid{grid-template-columns:1fr}.topbar .inner,.nav .inner{padding:0 16px}.result-head{align-items:flex-start;gap:10px}.page-title{align-items:flex-start;gap:10px}.page-title .btn{padding:9px 11px}.admin-content{padding:18px 12px}}.container-data-table,.public-container-table{min-width:1180px}.wrap-cell{white-space:normal;min-width:140px;line-height:1.5}.container-data-table th,.public-container-table th{background:#edf7f6;color:#23434a}
.container-row{display:grid;grid-template-columns:1fr 180px 38px;gap:10px;margin-bottom:10px}.container-row input,.container-row select{width:100%;border:1px solid #cbd5d8;border-radius:4px;padding:11px 12px;background:#fff}.container-row .remove-row{border:1px solid #e4c8c5;background:#fff;color:#b43a31;border-radius:4px;font-size:18px}@media(max-width:600px){.container-row{grid-template-columns:1fr 120px 36px}}
.container-entry-row{display:grid;grid-template-columns:1.15fr .75fr 1fr 1fr .9fr 1.1fr 1fr 1.1fr .7fr 34px;gap:8px;padding:12px 0;border-bottom:1px solid var(--line);align-items:end;min-width:1040px}.entry-cell label{display:block;font-size:11px;color:var(--muted);margin-bottom:5px}.entry-cell input,.entry-cell select{width:100%;border:1px solid #cbd5d8;border-radius:4px;padding:9px 8px;background:#fff;font-size:12px}.remove-entry-row{height:36px;border:1px solid #e4c8c5;background:#fff;color:#b43a31;border-radius:4px;font-size:18px}.container-row-host{overflow:auto}.container-row-host>#addContainerRow{margin-top:12px}
.container-search-grid{display:grid;grid-template-columns:1fr 220px auto;gap:12px;align-items:end}.container-search-grid .field{margin-bottom:0}.container-actions{display:flex;gap:10px;flex-wrap:wrap}@media(max-width:900px){.container-search-grid{grid-template-columns:1fr}.container-actions{justify-content:flex-start}}
.export-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;align-items:start}.export-grid .panel{margin-top:0}.export-panel .panel-head{display:flex;align-items:center;justify-content:space-between;gap:16px}.export-panel .panel-head small{color:var(--muted);font-weight:400}.export-filter-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 14px}.export-filter-grid .span-all{grid-column:1/-1}.export-actions{display:flex;gap:10px;margin-top:4px}@media(max-width:1050px){.export-grid{grid-template-columns:1fr}}@media(max-width:600px){.export-filter-grid{grid-template-columns:1fr}.export-filter-grid .span-all{grid-column:auto}.export-actions{flex-wrap:wrap}.export-panel .panel-head{align-items:flex-start;flex-direction:column;gap:4px}}
.container-type-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:10px;padding:16px 20px}.container-type-stat{min-height:58px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;border:1px solid var(--line);border-left:3px solid var(--teal);border-radius:4px;background:#fafcfc}.container-type-stat strong{font-size:14px}.container-type-stat span{min-width:34px;height:28px;display:grid;place-items:center;padding:0 8px;border-radius:999px;background:#e4f3f1;color:var(--teal2);font-size:13px;font-weight:800}.container-type-summary-empty{grid-column:1/-1;padding:18px;color:var(--muted);text-align:center}@media(max-width:600px){.container-type-summary{grid-template-columns:repeat(2,minmax(0,1fr));padding:12px}.container-type-stat{min-height:54px}}
.document-modal-card{width:min(720px,100%)}.document-upload-form{display:grid;grid-template-columns:1fr auto;gap:14px;align-items:end;padding-bottom:20px;border-bottom:1px solid var(--line)}.document-upload-form .field{margin:0}.document-upload-form .field small{display:block;margin-top:6px;color:var(--muted);font-size:12px}.document-upload-form .btn{min-height:42px}.document-list{margin-top:18px}.document-item{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:13px 0;border-bottom:1px solid var(--line)}.document-item:last-child{border-bottom:0}.document-item-info{min-width:0}.document-item-info strong,.document-item-info small{display:block}.document-item-info strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.document-item-info small{margin-top:5px;color:var(--muted);font-size:12px}.document-list-empty,.document-list-loading{padding:28px;color:var(--muted);text-align:center}.document-row-button{min-width:82px}@media(max-width:600px){.document-upload-form{grid-template-columns:1fr}.document-item{align-items:flex-start;flex-direction:column}.document-item .actions{width:100%}}
.container-group-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px;padding:16px 20px}.container-group-picker{grid-column:1/-1;max-width:360px;margin:0}.container-group-selected,.container-group-empty{grid-column:1/-1}.container-group-empty{padding:34px 20px;border:1px dashed var(--line);border-radius:4px;background:#fafbfb;color:var(--muted);text-align:center}.container-group{border:1px solid var(--line);border-radius:4px;background:#fdfefe;padding:14px}.container-group header{display:flex;justify-content:space-between;gap:12px;align-items:baseline;margin-bottom:10px}.container-group header strong{font-size:15px}.container-group header span{font-size:12px;color:var(--muted)}.container-group ul{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:8px}.container-group li{border:1px solid #dfe7e8;border-radius:999px;padding:5px 10px;font-size:12px;background:#fff;display:flex;gap:8px;align-items:center}.container-group li span{color:var(--muted)}.quick-result-panel{margin-top:16px}.quick-result-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.custom-type-input{margin-top:8px}.custom-type-input[hidden]{display:none}
.btn:disabled{opacity:.58;cursor:not-allowed}.error:empty{display:none}.modal.open{overscroll-behavior:contain}.panel-head small{font-size:12px}.table-wrap tbody tr:hover{background:#f7fbfa}.field input:invalid:not(:placeholder-shown),.field select:invalid{border-color:#d58b80}.hint{line-height:1.6}
.top-actions{display:flex;align-items:center;gap:8px}.top-actions #userName{margin-right:4px}@media(max-width:600px){.top-actions{gap:5px}.top-actions .btn{padding:7px 8px;font-size:12px}}