:root{color-scheme:light;--navy:#0a2948;--ink:#172536;--muted:#64748b;--bg:#f3f6f9;--line:#dbe4ed;--green:#087443;--blue:#185fa5;--radius:8px}*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0;background:var(--bg);color:var(--ink);font:14px/1.55 "Avenir Next","PingFang SC","Microsoft YaHei",sans-serif;-webkit-font-smoothing:antialiased;font-variant-numeric:tabular-nums}a{color:var(--blue);text-decoration:none}button,.button,input,select,textarea{font:inherit;border-radius:var(--radius)}button,.button{padding:10px 15px;border:1px solid var(--line);background:white;color:var(--ink);cursor:pointer;min-height:44px;display:inline-block}button:active,.button:active{transform:scale(.97)}button:hover,.button:hover{border-color:var(--blue)}button:disabled{opacity:.5;cursor:wait}.primary{background:var(--navy);color:white;border-color:var(--navy)}:focus-visible{outline:3px solid #38b6ff;outline-offset:3px}.sidebar{width:216px;background:var(--navy);color:white;position:fixed;inset:0 auto 0 0;display:flex;flex-direction:column;padding:30px 20px}.brand{display:flex;align-items:center;gap:10px;color:white;font-size:25px;font-weight:700;letter-spacing:1px}.brand span{font-size:18px}.brand small{display:block;font-size:9px;letter-spacing:1.5px;color:#b3c5d7;margin-top:4px}.nav-label{font-size:11px;color:#b3c5d7;margin:54px 12px 14px}.active{color:white;background:#24435e;display:flex;align-items:center;gap:16px;padding:12px;border-radius:8px;font-weight:600}.dot{width:6px;height:6px;border-radius:100%;background:#7dd6a4;margin-left:auto}.side-note{color:#b3c5d7;font-size:12px;padding:22px 12px;line-height:1.9}.back{margin-top:auto;color:#d4dfeb;font-size:12px;padding:12px}main{margin-left:216px;padding:0 36px;max-width:1800px}header{height:78px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);color:var(--muted);gap:15px}#identity{font-size:12px;overflow-wrap:anywhere}.page-heading{display:flex;align-items:center;justify-content:space-between;padding:32px 0 24px;gap:20px}.eyebrow{font-size:10px;font-weight:700;letter-spacing:2px;color:var(--green)}h1{font-size:32px;line-height:1.25;letter-spacing:-.022em;margin:10px 0}h1 span{font-size:23px;font-weight:400;margin-left:12px}p{margin:6px 0;color:var(--muted)}.actions{display:flex;gap:8px}.notice{padding:12px 16px;background:#e7f0f7;border-radius:var(--radius);margin-bottom:24px;font-size:13px}.notice.error{background:#fcebe8;color:#a72d21}.metrics{display:grid;grid-template-columns:repeat(4,1fr);padding:0 0 24px;gap:24px}.metrics>div{border-left:2px solid #ccd8e2;padding-left:18px}.metrics span,.metrics small{display:block;color:var(--muted);font-size:12px}.metrics strong{font-size:38px;font-weight:600;display:block;margin:4px 0}.metrics .alert-metric{border-color:#b7791f}.alert-metric strong{color:#9a5a00}.work-grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(340px,1fr);gap:24px;align-items:start}.shipments,.detail,.permissions,#gate{background:white;border-radius:var(--radius);box-shadow:0 1px 3px #1520331a;min-width:0}.section-title{padding:20px;display:flex;align-items:center;justify-content:space-between;gap:16px}h2{font-size:17px;margin:0}h2 span{font-size:12px;color:var(--muted);font-weight:400}.muted{color:var(--muted);font-size:12px}.filters{display:flex;gap:12px;padding:0 20px 20px}.filters label{font-size:11px;color:var(--muted)}.search{flex:1}input,select,textarea{display:block;padding:10px;width:100%;min-width:0;background:white;border:1px solid #cfdbe6;color:var(--ink);min-height:44px;margin-top:5px}textarea{min-height:88px;resize:vertical}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;min-width:570px}th,td{text-align:left;padding:15px 20px;border-bottom:1px solid #edf1f5;font-size:12px;vertical-align:top}th{background:#f9fbfd;color:var(--muted);font-weight:500;font-size:11px}td small{display:block;color:var(--muted);font-size:11px;margin-top:4px}.row-button{padding:0;min-height:32px;border:0;background:none;color:var(--blue);font-weight:600;text-align:left;overflow-wrap:anywhere}tr.selected{background:#eef5fa}.badge{display:inline-block;padding:4px 8px;border-radius:5px;background:#e9f3ef;color:var(--green);white-space:nowrap;font-size:11px}.badge.late{color:#9a5a00;background:#fff4d6}.detail{overflow:hidden}.detail-head{padding:20px;background:#edf3f7}.detail-head h2{font-size:21px;overflow-wrap:anywhere}.detail-meta{padding:20px;display:grid;grid-template-columns:1fr 1fr;gap:15px}.detail-meta dt{font-size:10px;color:var(--muted)}.detail-meta dd{margin:4px 0 0;font-size:13px;overflow-wrap:anywhere}.timeline{padding:0 24px 20px}.step{position:relative;padding:0 0 22px 26px;border-left:1px solid var(--line)}.step:last-child{border:0;padding-bottom:0}.step:before{content:"";position:absolute;left:-5px;top:5px;width:9px;height:9px;border-radius:50%;background:#c4d1de;box-shadow:0 0 0 4px white}.step.complete:before{background:var(--green)}.step.overdue:before{background:#b7791f}.step-title{display:flex;justify-content:space-between;font-size:13px;gap:10px}.step-title span{color:var(--muted)}.dates{display:flex;gap:22px;font-size:11px;color:var(--muted);margin-top:6px}.dates b{display:block;font-weight:500;color:var(--ink);font-size:12px}.notes{padding:16px 20px;border-top:1px solid var(--line);font-size:12px;white-space:pre-wrap;overflow-wrap:anywhere}.empty{text-align:center;padding:50px 20px;color:var(--muted)}.permissions{margin-top:24px;padding-bottom:20px}.permissions form{display:flex;align-items:end;gap:12px;padding:0 20px}.permissions label:first-child{flex:1}.permissions label{font-size:12px}.permissions #grants,.permissions #grant-message{margin:12px 20px;font-size:12px}.grant-row{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding:10px 0;gap:10px;overflow-wrap:anywhere}footer{display:flex;justify-content:space-between;padding:26px 0;color:var(--muted);font-size:10px;letter-spacing:.5px}#gate{padding:36px}#gate p{margin:12px 0 24px}dialog{width:min(860px,calc(100% - 32px));border:0;border-radius:12px;padding:0;max-height:90vh;box-shadow:0 20px 80px #0a29484d}dialog::backdrop{background:#0a294866}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;padding:0 24px}.form-grid label{font-size:12px}.form-actions{padding:20px 24px;text-align:right}#save-message{padding:0 24px;color:#a72d21}.skip{position:fixed;top:-100px;background:white;padding:12px;z-index:100}.skip:focus{top:0}@media(min-width:1500px){main{padding:0 48px}.work-grid{grid-template-columns:minmax(0,1.6fr) minmax(400px,1fr)}}@media(max-width:1150px){.work-grid{grid-template-columns:1fr}.sidebar{width:180px}main{margin-left:180px;padding:0 24px}.metrics{gap:12px}.section-title>.muted{display:none}}@media(max-width:650px){.sidebar{position:static;width:100%;padding:14px 20px;display:flex;flex-direction:row;align-items:center;justify-content:space-between}.sidebar .nav-label,.sidebar .active,.side-note{display:none}.back{margin:0;padding:0}.brand{font-size:20px}.brand span{font-size:15px}main{margin:0;padding:0 16px}header{height:64px;font-size:11px}.page-heading{align-items:start;flex-direction:column;padding:24px 0 20px}h1{font-size:30px}h1 span{font-size:21px}.metrics{grid-template-columns:1fr 1fr;gap:20px}.metrics strong{font-size:32px}.metrics small{font-size:10px}.filters{flex-direction:column}.detail-meta{gap:12px}.permissions form{flex-direction:column;align-items:stretch}.permissions .section-title{align-items:start;flex-direction:column}.form-grid{grid-template-columns:1fr}.dates{gap:18px}footer{flex-direction:column;gap:5px}.actions{width:100%}.actions button{flex:1}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}

.step-title span{min-width:0;overflow-wrap:anywhere;text-align:right}.detail-head h2{min-width:0}

.language-switch{display:flex;align-items:center;gap:4px;margin-left:auto;flex-shrink:0}.language-switch a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 10px;border-radius:8px;font-size:12px;color:var(--muted)}.language-switch a[aria-current="true"]{background:#e4edf5;color:var(--navy);font-weight:700}.language-switch a:hover{background:#e4edf5}header>span:first-child{flex-shrink:0}html[lang="en"] .brand small{font-size:8px;letter-spacing:.4px}html[lang="en"] .page-heading{flex-wrap:wrap}html[lang="en"] .page-heading h1{display:flex;align-items:baseline;flex-wrap:wrap;gap:8px 12px}html[lang="en"] h1 span{margin-left:0}.dates{flex-wrap:wrap}.permissions .section-title>div{min-width:0}.permissions .section-title>a{flex-shrink:0}@media(max-width:650px){header{display:grid;grid-template-columns:1fr auto;height:auto;min-height:90px;padding:10px 0;gap:4px 10px}#identity{grid-column:1/-1}.language-switch{margin-left:0}.language-switch a{padding:0 8px}html[lang="en"] h1 span{font-size:21px}.permissions .section-title>a{flex-shrink:1}}

.brand-logo{width:38px;height:38px;object-fit:contain;flex-shrink:0;border-radius:8px}.brand{gap:8px}.brand small{letter-spacing:.5px}.active{gap:10px;font-size:13px}.active .project-initial{font-size:14px}.active>span:nth-child(2){min-width:0}.dot{flex-shrink:0}h1{text-wrap:balance}@media(max-width:650px){.brand-logo{width:32px;height:32px}.brand small{font-size:8px}.brand span{font-size:13px}.back{font-size:11px}html[lang="en"] h1{gap:6px}html[lang="en"] h1 span{flex-basis:100%}}

.brand{flex-direction:column;align-items:flex-start;gap:10px}.brand-logo{width:164px;height:auto;max-width:100%;background:#fff;border-radius:8px}.brand>span{font-size:16px}.brand small{font-size:8px}@media(max-width:650px){.brand{flex-direction:row;align-items:center;gap:10px}.brand-logo{width:64px;height:auto}.brand>span{font-size:13px}.brand small{max-width:122px}}

.guest-form{max-width:560px;margin:20px 0 28px;padding:20px;background:var(--bg);border-radius:8px}.guest-form-row{display:flex;gap:10px;align-items:end}.guest-form-row input{flex:1}.guest-form-row button{flex-shrink:0}.guest-form small{display:block;color:var(--muted);margin-top:8px}.guest-form #guest-message{color:#a72d21;margin:8px 0}#gate .guest-form p{margin:8px 0}@media(max-width:650px){.guest-form-row{flex-direction:column;align-items:stretch}.actions{flex-wrap:wrap}}

/* Workflow details use the existing utility workspace tokens. */
.workflow-section{padding:20px;border-top:1px solid var(--line);min-width:0}.workflow-section h3{font-size:16px;margin:0 0 12px}.workflow-section .section-title{padding:0;gap:12px}.workflow-section .detail-meta{padding:12px 0}.workflow-copy{font-size:12px;white-space:pre-wrap;overflow-wrap:anywhere}.workflow-section .muted{font-size:12px}.workflow-alert{background:#fff0df;color:#854600;padding:10px 12px;margin:8px 0;border-radius:6px;font-size:12px;overflow-wrap:anywhere}.workflow-alerts{display:grid;gap:8px;margin:0 0 20px}.workflow-alerts:empty{display:none}.alert-link{display:block;text-align:left;white-space:normal;background:#fff8ed;border-color:#e2be7f}.alert-link .workflow-alert{display:inline-block;margin:0 0 0 10px;background:transparent;padding:4px 0}.document-kind{display:grid;grid-template-columns:74px minmax(0,1fr);gap:8px;padding:12px 0;border-bottom:1px solid var(--line);font-size:12px}.document-kind>b{grid-row:1}.document-row{grid-column:2;display:flex;align-items:center;gap:8px;justify-content:space-between;min-width:0}.document-row>span{min-width:0;overflow-wrap:anywhere}.document-row small{display:block;color:var(--muted);margin-top:3px}.document-row button{flex-shrink:0}.workflow-section form{display:grid;gap:12px;margin-top:16px}.workflow-section label{font-size:12px}.workflow-section input[type=file]{max-width:100%;padding:8px;box-sizing:border-box}.finance-summary{display:grid;grid-template-columns:1fr;gap:8px;margin:16px 0;background:var(--bg);padding:12px;border-radius:8px}.finance-summary>div{display:flex;align-items:baseline;justify-content:space-between;gap:8px}.finance-summary dt{font-size:12px;color:var(--muted)}.finance-summary dd{font-size:17px;font-weight:600;font-variant-numeric:tabular-nums;margin:0;text-align:right;overflow-wrap:anywhere}.finance-form{grid-template-columns:1fr 1fr}.finance-form .full{grid-column:1/-1}.workflow-section details{margin-top:16px}.workflow-section summary{min-height:44px;cursor:pointer;color:var(--navy);font-size:13px;font-weight:600;display:list-item;padding-top:12px}.workflow-section [role=alert],#document-message{font-size:12px;color:#9a3c12;overflow-wrap:anywhere}input,textarea,select{min-width:0;max-width:100%}button:active{transform:scale(.98)}@media(max-width:650px){.workflow-section{padding:16px}.finance-form{grid-template-columns:1fr}.document-kind{grid-template-columns:62px minmax(0,1fr)}.alert-link .workflow-alert{display:block;margin-left:0}.workflow-alerts{margin-bottom:16px}}

.shipment-workflow{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.1fr) minmax(0,1.1fr);gap:24px;margin-top:24px;align-items:start}.shipment-workflow:empty{display:none}.shipment-workflow>.workflow-section{background:#fff;border:0;border-radius:var(--radius);min-width:0}.shipment-workflow>.workflow-section:first-child{background:#eaf0f5}.shipment-workflow h3{font-size:16px}.shipment-workflow .section-title{flex-wrap:wrap;align-items:start}.shipment-workflow .detail-meta{grid-template-columns:1fr}.shipment-workflow .finance-form{grid-template-columns:1fr}@media(max-width:1150px){.shipment-workflow{grid-template-columns:1fr 1fr}.shipment-workflow>.workflow-section:first-child{grid-column:1/-1}.shipment-workflow>.workflow-section:first-child .detail-meta{grid-template-columns:1fr 1fr}}@media(max-width:650px){.shipment-workflow{grid-template-columns:1fr;gap:16px}.shipment-workflow>.workflow-section:first-child{grid-column:auto}}