:root{--brand-50:#f0faf6;--brand-100:#d9f4ea;--brand-200:#b3e8d4;--brand-500:#00a374;--brand-600:#00875f;--brand-700:#00704f;--brand-900:#0a3a2b;--brand-rgb:0, 135, 95;--accent-rgb:224, 122, 16;--n-0:#fff;--n-50:#f5f9f7;--n-100:#eaf2ee;--n-200:#d8e6e1;--n-300:#bfd2cb;--n-400:#869c95;--n-500:#5f756e;--n-600:#4d645d;--n-700:#344a43;--n-800:#1d3730;--n-900:#0f2a22;--color-primary:var(--brand-600);--color-primary-strong:var(--brand-700);--color-primary-soft:var(--brand-100);--color-primary-wash:var(--brand-50);--color-bg:#eef5f3;--color-surface:var(--n-0);--color-surface-2:var(--n-50);--color-border:var(--n-200);--color-ink:var(--n-900);--color-text:var(--color-ink);--color-muted:var(--n-600);--color-faint:var(--n-400);--color-success:#059669;--color-success-ink:#047857;--color-success-soft:#d6f3e6;--color-warning:#d97706;--color-warning-ink:#92400e;--color-warning-soft:#fef3c7;--color-danger:#dc2626;--color-danger-ink:#b91c1c;--color-danger-soft:#fde4e4;--color-info:#4f46e5;--color-info-ink:#4338ca;--color-info-soft:#e4e6fd;--color-accent:#e07a10;--color-accent-strong:#b45309;--color-accent-soft:#fdf0d3;--color-export:#d97706;--color-export-ink:#92400e;--color-export-soft:#fdf0d3;--color-import:#7c3aed;--color-import-ink:#5b21b6;--color-import-soft:#efe5fd;--color-rail:#0c271f;--color-rail-2:#143a2f;--color-rail-line:#ffffff14;--color-rail-ink:#b6cdc5;--color-rail-ink-strong:#fff;--color-rail-glass:#ffffff0f;--color-rail-glass-strong:#ffffff24;--color-on-primary:#fff;--color-overlay:#0a1e188c;--color-topbar:#ffffffdb;--font-sans:"Segoe UI Variable Text", "Segoe UI", system-ui, -apple-system, Roboto, "Helvetica Neue", sans-serif;--font-display:"Segoe UI Variable Display", "Segoe UI", system-ui, -apple-system, Roboto, sans-serif;--fs-xs:11px;--fs-sm:12.5px;--fs-md:14px;--fs-lg:16px;--fs-xl:20px;--fs-2xl:26px;--fs-3xl:32px;--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:20px;--sp-6:24px;--sp-8:32px;--r-sm:8px;--r-md:12px;--r-lg:16px;--r-pill:999px;--shadow-sm:0 1px 2px #0f2a220f;--shadow-md:0 4px 14px #0f2a2214;--shadow-lg:0 16px 40px #0f2a222e;--ease:cubic-bezier(.16, .7, .12, 1);--rail-w:84px}*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:var(--font-sans);font-size:var(--fs-md);color:var(--color-ink);background:var(--color-bg);-webkit-font-smoothing:antialiased;min-height:100vh;display:flex}#root{display:contents}h1,h2,h3{margin:0;font-weight:700}p{margin:0 0 var(--sp-3)}button{font:inherit;cursor:pointer}.muted{color:var(--color-muted)}.field{margin-bottom:var(--sp-4);flex-direction:column;gap:6px;display:flex}.field label{font-size:var(--fs-sm);color:var(--n-600);font-weight:600}.input,.select{width:100%;font:inherit;border:1px solid var(--color-border);border-radius:var(--r-sm);background:var(--color-surface);color:var(--color-ink);outline:none;padding:9px 12px;transition:border-color .15s,box-shadow .15s}.input:focus,.select:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(var(--brand-rgb), .15)}.input.is-error{border-color:var(--color-danger)}.help.error{font-size:var(--fs-xs);color:var(--color-danger-ink)}.select.compact{width:auto;font-size:var(--fs-sm);padding:7px 10px}.grid2{gap:var(--sp-3);grid-template-columns:1fr 1fr;display:grid}.btn{border-radius:var(--r-sm);font-weight:600;font-size:var(--fs-sm);border:1px solid #0000;justify-content:center;align-items:center;gap:6px;padding:9px 16px;line-height:1.2;transition:background .15s,border-color .15s,color .15s,box-shadow .15s;display:inline-flex}.btn:focus-visible{box-shadow:0 0 0 3px rgba(var(--brand-rgb), .3);outline:none}.btn.primary{background:var(--color-primary);color:var(--color-on-primary);box-shadow:var(--shadow-sm)}.btn.primary:hover{background:var(--color-primary-strong)}.btn:disabled{opacity:.6;cursor:not-allowed}.btn.accent{background:var(--color-accent-strong);color:var(--color-on-primary);box-shadow:var(--shadow-sm)}.btn.accent:hover{background:var(--color-warning-ink)}.btn.ghost{background:var(--color-surface);color:var(--n-700);border-color:var(--color-border)}.btn.ghost:hover{background:var(--color-surface-2);border-color:var(--n-300)}.btn.danger{background:var(--color-danger);color:var(--color-on-primary)}.btn.sm{font-size:var(--fs-xs);padding:5px 10px}.rail{width:var(--rail-w);background:var(--color-rail);min-height:100vh;color:var(--color-rail-ink);padding:var(--sp-3) var(--sp-2);flex-direction:column;flex-shrink:0;align-items:stretch;height:100vh;display:flex;position:sticky;top:0;overflow-y:auto}.rail-logo{padding:var(--sp-2) 0 var(--sp-4);color:var(--color-rail-ink-strong);flex-direction:column;align-items:center;gap:4px;display:flex}.rail-mark{background:var(--color-primary);width:36px;height:36px;color:var(--color-on-primary);box-shadow:0 0 18px rgba(var(--brand-rgb), .45);border-radius:10px;place-items:center;display:grid}.rail-brand{font-family:var(--font-display);font-size:var(--fs-xs);letter-spacing:.04em;font-weight:800}.rail-nav{gap:var(--sp-2);flex-direction:column;display:flex}.rail-group{padding-top:var(--sp-2);border-top:1px solid var(--color-rail-line);flex-direction:column;gap:2px;display:flex}.rail-group:first-child{border-top:none;padding-top:0}.rail-item{border-radius:var(--r-sm);width:100%;color:var(--color-rail-ink);background:0 0;border:none;flex-direction:column;align-items:center;gap:4px;padding:9px 2px 7px;transition:background .15s,color .15s;display:flex;position:relative}.rail-item:hover{background:var(--color-rail-2);color:var(--color-rail-ink-strong)}.rail-item:focus-visible{outline:2px solid var(--brand-500);outline-offset:-2px}.rail-item.active{background:var(--color-rail-2);color:var(--color-rail-ink-strong)}.rail-item.active:before{content:"";background:var(--brand-500);border-radius:0 3px 3px 0;width:3px;position:absolute;top:10px;bottom:10px;left:-8px}.rail-label{text-align:center;text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:10.5px;font-weight:600;line-height:1.15;overflow:hidden}.rail-foot{padding-top:var(--sp-3);border-top:1px solid var(--color-rail-line);flex-direction:column;align-items:stretch;gap:2px;margin-top:auto;display:flex}.rail-user{flex-direction:column;align-items:center;gap:4px;padding:6px 2px;display:flex}.main{flex-direction:column;flex:1;min-width:0;height:100vh;display:flex}.topbar{z-index:20;justify-content:space-between;align-items:center;gap:var(--sp-4);min-height:60px;padding:var(--sp-2) var(--sp-6);background:var(--color-topbar);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--color-border);display:flex;position:sticky;top:0}.crumbs{min-width:0;color:var(--color-muted);font-size:var(--fs-sm);flex-wrap:wrap;align-items:center;gap:2px;display:flex}.crumb{align-items:center;gap:2px;min-width:0;display:inline-flex}.crumb svg{color:var(--color-faint)}.crumb-text{padding:0 4px}.crumb-link{color:var(--color-primary-strong);background:0 0;border:none;border-radius:4px;padding:2px 4px;font-weight:600}.crumb-link:hover{background:var(--color-primary-wash)}.crumb-here{font-family:var(--font-display);font-size:var(--fs-xl);color:var(--color-ink);white-space:nowrap;text-overflow:ellipsis;padding:0 4px;font-weight:700;overflow:hidden}.gsearch{background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--r-pill);color:var(--color-faint);flex:0 360px;align-items:center;gap:8px;padding:8px 12px;transition:border-color .15s,box-shadow .15s,background .15s;display:flex;position:relative}.gsearch:focus-within{background:var(--color-surface);border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(var(--brand-rgb), .15)}.gsearch input{min-width:0;font:inherit;font-size:var(--fs-sm);color:var(--color-ink);background:0 0;border:none;outline:none;flex:1}.gsearch-menu{z-index:40;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--r-md);box-shadow:var(--shadow-lg);flex-direction:column;padding:6px;display:flex;position:absolute;top:calc(100% + 6px);left:0;right:0}.gsearch-item{border-radius:var(--r-sm);text-align:left;color:var(--color-ink);font-size:var(--fs-sm);background:0 0;border:none;align-items:center;gap:8px;padding:8px 10px;display:flex}.gsearch-item:hover,.gsearch-item:focus-visible{background:var(--color-primary-wash);outline:none}.gsearch-item svg{color:var(--color-faint)}.content{padding:var(--sp-6);flex:1;min-height:0;overflow:auto}.view.active{animation:viewFade .45s var(--ease) both}@keyframes viewFade{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.avatar{color:var(--n-700);border-radius:50%;flex-shrink:0;place-items:center;font-weight:700;display:inline-grid}.badge{border-radius:var(--r-pill);font-size:var(--fs-xs);white-space:nowrap;background:var(--n-100);color:var(--n-700);align-items:center;gap:5px;padding:3px 9px;font-weight:700;line-height:1.35;display:inline-flex}.badge .dot{background:currentColor;border-radius:50%;width:6px;height:6px}.badge.green{background:var(--color-success-soft);color:var(--color-success-ink)}.badge.amber{background:var(--color-warning-soft);color:var(--color-warning-ink)}.badge.red{background:var(--color-danger-soft);color:var(--color-danger-ink)}.badge.indigo{background:var(--color-info-soft);color:var(--color-info-ink)}.badge.slate{background:var(--n-100);color:var(--n-700)}.list-head{margin-bottom:var(--sp-3)}.toolbar-row{align-items:center;gap:var(--sp-2);flex-wrap:wrap;display:flex}.al-search{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--r-sm);color:var(--color-faint);flex:0 300px;align-items:center;gap:8px;padding:8px 12px;display:flex}.al-search:focus-within{border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(var(--brand-rgb), .15)}.al-search input{font:inherit;width:100%;color:var(--color-ink);background:0 0;border:none;outline:none}.toolbar-count{font-size:var(--fs-sm);color:var(--color-muted);margin:var(--sp-2) 0}.toolbar-spacer{flex:1}.ds-table-wrap{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--r-md);box-shadow:var(--shadow-sm);overflow:hidden}.ds-table-scroll{overflow-x:auto}.ds-table{border-collapse:collapse;width:100%;font-size:var(--fs-sm)}.ds-table th{text-align:left;background:var(--color-surface-2);font-size:var(--fs-xs);letter-spacing:.05em;text-transform:uppercase;color:var(--n-600);border-bottom:1px solid var(--color-border);white-space:nowrap;padding:11px 14px;font-weight:700}.ds-table th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none}.ds-table th .caret{opacity:.5;margin-left:4px;font-size:9px}.ds-table th.sorted .caret{opacity:1}.ds-table td{border-bottom:1px solid var(--n-100);vertical-align:middle;padding:12px 14px}.ds-table tbody tr:last-child td{border-bottom:none}.ds-table tbody tr[data-open]{cursor:pointer;transition:background .12s}.ds-table tbody tr[data-open]:hover{background:var(--color-primary-wash)}.ds-table tbody tr[data-open]:focus-visible{outline:2px solid var(--color-primary);outline-offset:-2px}.ds-table td.num,.ds-table th.num{text-align:right;font-variant-numeric:tabular-nums}.ds-table td.strong{font-weight:600}.ds-table td.clip{text-overflow:ellipsis;white-space:nowrap;max-width:0;overflow:hidden}.cell-primary{align-items:center;gap:10px;font-weight:600;display:flex}.ds-table td.is-danger,.is-danger{color:var(--color-danger-ink)}.ds-table td.is-warn,.is-warn{color:var(--color-warning-ink)}.ds-table td.is-ok,.is-ok{color:var(--color-success-ink)}.table-foot{align-items:center;gap:var(--sp-4);font-size:var(--fs-sm);color:var(--color-muted);border-top:1px solid var(--color-border);background:var(--color-surface);padding:10px 14px;display:flex}.pager{gap:4px;margin-left:auto;display:flex}.pg{border-radius:var(--r-sm);border:1px solid var(--color-border);background:var(--color-surface);min-width:30px;height:30px;color:var(--n-700);font-size:var(--fs-sm);padding:0 6px}.pg:hover:not(:disabled){background:var(--color-surface-2)}.pg.active{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-on-primary)}.pg:disabled{opacity:.4;cursor:not-allowed}.pg-label{font-size:var(--fs-sm);color:var(--color-muted);justify-content:center;align-items:center;min-width:52px;padding:0 8px;display:flex}.pg-gap{background:0 0;border:none;place-items:center;display:inline-grid}.per-page select{border:1px solid var(--color-border);border-radius:var(--r-sm);font-size:var(--fs-sm);background:var(--color-surface);padding:5px 8px}.kpi-row{gap:var(--sp-4);margin-bottom:var(--sp-6);grid-template-columns:repeat(auto-fit,minmax(190px,1fr));display:grid}.kpi{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--r-md);padding:var(--sp-4) var(--sp-5);box-shadow:var(--shadow-sm);flex-direction:column;gap:2px;display:flex;position:relative}.kpi .n{font-family:var(--font-display);font-size:var(--fs-2xl);font-variant-numeric:tabular-nums;font-weight:800;line-height:1.15}.kpi .l{font-size:var(--fs-sm);color:var(--n-700);font-weight:600}.kpi .h{font-size:var(--fs-xs);color:var(--color-muted)}.kpi-icon{width:34px;height:34px;margin-bottom:var(--sp-2);background:var(--color-primary-soft);color:var(--color-primary-strong);border-radius:10px;place-items:center;display:grid}.kpi-icon.amber{background:var(--color-accent-soft);color:var(--color-accent-strong)}.kpi-icon.red{background:var(--color-danger-soft);color:var(--color-danger-ink)}.kpi-icon.indigo{background:var(--color-info-soft);color:var(--color-info-ink)}.kpi-icon.violet{background:var(--color-import-soft);color:var(--color-import-ink)}button.kpi{text-align:left;font:inherit;color:inherit;transition:border-color .15s,box-shadow .15s,transform .15s}button.kpi:hover{border-color:var(--n-300);box-shadow:var(--shadow-md)}.panel{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--r-md);box-shadow:var(--shadow-sm);margin-bottom:var(--sp-5);overflow:hidden}.panel-head{justify-content:space-between;align-items:center;gap:var(--sp-3);padding:var(--sp-4) var(--sp-5);border-bottom:1px solid var(--color-border);display:flex}.panel-head h3{font-size:var(--fs-md)}.panel-head .sub{font-size:var(--fs-sm);color:var(--color-muted)}.panel-body{padding:var(--sp-4) var(--sp-5)}.panel-body.flush{padding:0}.panel-grid{gap:var(--sp-5);grid-template-columns:1fr 1fr;align-items:stretch;display:grid}.panel-grid .panel{margin-bottom:0}.panel-grid+.panel,.panel-grid+.panel-grid{margin-top:var(--sp-5)}@media (width<=1100px){.panel-grid{grid-template-columns:1fr}}.bars{gap:var(--sp-3);flex-direction:column;display:flex}.bar-row{align-items:center;gap:var(--sp-3);font-size:var(--fs-sm);grid-template-columns:minmax(110px,160px) 1fr auto;display:grid}.bar-label{color:var(--n-700);white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.bar-track{border-radius:var(--r-pill);background:var(--n-100);height:10px;display:flex;overflow:hidden}.bar-fill{background:var(--color-primary);height:100%}.bar-fill.amber{background:var(--color-accent)}.bar-fill.red{background:var(--color-danger)}.bar-fill.indigo{background:var(--color-info)}.bar-fill.slate{background:var(--n-400)}.bar-fill.soft{background:var(--brand-200)}.bar-value{font-variant-numeric:tabular-nums;text-align:right;min-width:2.5ch;font-weight:700}.bar-legend{gap:var(--sp-4);margin-top:var(--sp-3);font-size:var(--fs-xs);color:var(--color-muted);display:flex}.bar-legend i{vertical-align:-1px;background:var(--color-primary);border-radius:3px;width:10px;height:10px;margin-right:5px;display:inline-block}.bar-legend i.soft{background:var(--brand-200)}.modal-ov{background:var(--color-overlay);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:60;padding:var(--sp-5);place-items:center;display:none;position:fixed;inset:0}.modal-ov.show{display:grid}.confirm-ov{z-index:80}.modal-card{background:var(--color-surface);border-radius:var(--r-lg);width:560px;max-width:100%;max-height:92vh;box-shadow:var(--shadow-lg);animation:viewFade .35s var(--ease) both;overflow:auto}.modal-card--wide{width:760px}.modal-card--sm{width:420px}.modal-head{z-index:2;justify-content:space-between;align-items:center;gap:var(--sp-3);padding:var(--sp-4) var(--sp-5);background:var(--color-surface);border-bottom:1px solid var(--color-border);display:flex;position:sticky;top:0}.modal-title{font-family:var(--font-display);font-weight:700;font-size:var(--fs-lg)}.modal-x{cursor:pointer;color:var(--color-faint);border-radius:var(--r-sm);background:0 0;border:none;place-items:center;width:32px;height:32px;padding:0;display:grid}.modal-x:hover{color:var(--color-ink);background:var(--color-surface-2)}.modal-body{padding:var(--sp-5)}.modal-foot{justify-content:flex-end;gap:var(--sp-2);padding:var(--sp-4) var(--sp-5);background:var(--color-surface);border-top:1px solid var(--color-border);display:flex;position:sticky;bottom:0}.login-or{align-items:center;gap:var(--sp-3);margin:var(--sp-4) 0 var(--sp-3);color:var(--n-600);font-size:var(--fs-xs);letter-spacing:.08em;text-transform:uppercase;font-weight:700;display:flex}.login-or:before,.login-or:after{content:"";background:var(--color-border);flex:1;height:1px}.plain-list{margin:0;padding:0;list-style:none}.plain-list li{justify-content:space-between;align-items:center;gap:var(--sp-3);border-bottom:1px solid var(--color-border);padding:8px 0;display:flex}.plain-list li:last-child{border-bottom:none}.alert{padding:var(--sp-3) var(--sp-4);border-radius:var(--r-md);margin-bottom:var(--sp-4);font-size:var(--fs-sm);border-left:3px solid #0000;display:block}.alert strong{margin-bottom:4px;display:block}.alert ul{padding-left:var(--sp-4);margin:0 0 6px}.alert-warn{background:var(--color-warning-soft);border-left-color:var(--color-warning);color:var(--color-warning-ink)}.toast-stack{bottom:var(--sp-5);right:var(--sp-5);z-index:100;flex-direction:column;gap:8px;display:flex;position:fixed}.toast{border-radius:var(--r-md);font-size:var(--fs-sm);background:var(--n-800);color:var(--color-on-primary);box-shadow:var(--shadow-lg);animation:viewFade .3s var(--ease) both;padding:11px 16px;font-weight:500}.toast-success{background:var(--color-success-ink)}.toast-danger{background:var(--color-danger-ink)}.login-wrap{width:100%;min-height:100vh;padding:var(--sp-5);background:radial-gradient(circle at 15% 20%, rgba(var(--brand-rgb), .35), transparent 45%), radial-gradient(circle at 85% 85%, rgba(var(--accent-rgb), .18), transparent 40%), var(--color-rail);place-items:center;display:grid}.login-card{background:var(--color-surface);border-radius:var(--r-lg);width:420px;max-width:92vw;box-shadow:var(--shadow-lg);padding:var(--sp-8)}.login-card h1{font-family:var(--font-display);font-size:var(--fs-xl);margin-bottom:4px}.login-brand{align-items:center;gap:var(--sp-3);margin-bottom:var(--sp-5);display:flex}.login-brand .rail-mark{border-radius:12px;width:42px;height:42px}.login-sub{color:var(--color-muted);font-size:var(--fs-sm);margin-bottom:var(--sp-6)}.kv{font-size:var(--fs-sm);grid-template-columns:160px 1fr;gap:6px 12px;display:grid}.kv dt{color:var(--color-muted)}.kv dd{margin:0;font-weight:500}.doc-row{border-bottom:1px solid var(--n-100);font-size:var(--fs-sm);align-items:center;gap:10px;padding:8px 0;display:flex}.doc-row:last-child{border-bottom:none}.empty-state{padding:var(--sp-8);text-align:center;color:var(--color-muted)}.empty-offer{align-items:center;gap:var(--sp-2);flex-direction:column;display:flex}.empty-offer>p{color:var(--color-text);margin:0}.hint{margin:var(--sp-1) 0 0;color:var(--color-muted);font-size:var(--fs-sm)}.check-list{gap:var(--sp-1);max-height:180px;padding:var(--sp-2);border:1px solid var(--n-200);border-radius:var(--r-sm);background:var(--color-surface);display:grid;overflow-y:auto}.check-row{align-items:center;gap:var(--sp-2);font-size:var(--fs-sm);cursor:pointer;display:flex}.check-row input{cursor:pointer}.split{gap:var(--sp-5);grid-template-columns:minmax(300px,380px) minmax(0,1fr);align-items:start;display:grid}.split-list{max-height:calc(100vh - 60px - 2 * var(--sp-6));flex-direction:column;min-width:0;display:flex;position:sticky;top:0}.split-list .ds-table-wrap{flex-direction:column;min-height:0;display:flex}.split-detail{min-width:0}@media (width<=1000px){.split{grid-template-columns:minmax(0,1fr)}.split .split-list{display:none}}.card-list{flex-direction:column;display:flex}.split-list .card-list{min-height:0;overflow-y:auto}.row-card{border:none;border-bottom:1px solid var(--n-100);background:var(--color-surface);text-align:left;width:100%;color:var(--color-ink);border-left:3px solid #0000;flex-direction:column;gap:4px;padding:12px 14px;transition:background .12s;display:flex}.row-card:hover{background:var(--color-primary-wash)}.row-card:focus-visible{outline:2px solid var(--color-primary);outline-offset:-2px}.row-card.selected{background:var(--color-primary-wash);border-left-color:var(--color-primary)}.rc-top{justify-content:space-between;align-items:center;gap:var(--sp-2);font-size:var(--fs-md);display:flex}.rc-route{font-size:var(--fs-sm);color:var(--n-700);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.rc-meta{font-size:var(--fs-xs);color:var(--color-muted)}.rc-tags{flex-wrap:wrap;gap:4px;margin-top:2px;display:flex}.trade-chip{border-radius:var(--r-pill);font-size:var(--fs-xs);align-items:center;padding:1px 8px;font-weight:700;display:inline-flex}.trade-chip.export{background:var(--color-export-soft);color:var(--color-export-ink)}.trade-chip.import{background:var(--color-import-soft);color:var(--color-import-ink)}.dpane{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--r-lg);box-shadow:var(--shadow-md);animation:viewFade .35s var(--ease) both;overflow:hidden}.dpane-body{padding:var(--sp-5)}.dpane-loading{padding:var(--sp-6);justify-content:space-between;align-items:center;display:flex}.dpane-loading p{margin:0}.hero{padding:var(--sp-4) var(--sp-6) var(--sp-6);color:var(--color-rail-ink-strong);background:radial-gradient(circle at 100% 0%, rgba(var(--brand-rgb), .35), transparent 55%), linear-gradient(135deg, var(--color-rail) 0%, var(--color-rail-2) 100%)}.hero-top{justify-content:space-between;align-items:center;gap:var(--sp-3);margin-bottom:var(--sp-3);display:flex}.hero-kicker{font-size:var(--fs-xs);letter-spacing:.06em;text-transform:uppercase;color:var(--color-rail-ink);font-weight:700}.hero-tools{align-items:center;gap:6px;display:flex}.hero-x{border-radius:var(--r-sm);border:1px solid var(--color-rail-line);background:var(--color-rail-glass);width:32px;height:32px;color:var(--color-rail-ink-strong);place-items:center;display:grid}.hero-x:hover{background:var(--color-rail-glass-strong)}.hero-x:focus-visible{outline:2px solid var(--brand-500);outline-offset:1px}.hero-main{justify-content:space-between;align-items:flex-end;gap:var(--sp-5);flex-wrap:wrap;display:flex}.hero-id{min-width:0}.hero-title{font-family:var(--font-display);font-size:var(--fs-3xl);letter-spacing:.01em;margin-bottom:var(--sp-2);font-weight:800;line-height:1.1}.hero-route{font-size:var(--fs-md);flex-wrap:wrap;align-items:center;gap:6px;font-weight:600;display:flex}.hero-hop{align-items:center;gap:6px;display:inline-flex}.hero-hop svg{color:var(--brand-500)}.hero-trade{border-radius:var(--r-pill);font-size:var(--fs-xs);padding:1px 7px;font-weight:800}.hero-trade.export{background:var(--color-export-soft);color:var(--color-export-ink)}.hero-trade.import{background:var(--color-import-soft);color:var(--color-import-ink)}.hero-meta{font-size:var(--fs-sm);color:var(--color-rail-ink);margin-top:6px}.hero-pills{margin-top:var(--sp-3);flex-wrap:wrap;gap:6px;display:flex}.hero-pill{border-radius:var(--r-pill);font-size:var(--fs-xs);background:var(--color-rail-glass-strong);color:var(--color-rail-ink-strong);border:1px solid var(--color-rail-line);align-items:center;gap:5px;padding:4px 11px;font-weight:700;display:inline-flex}.hero-pill.state-closed{background:var(--color-success-soft);color:var(--color-success-ink)}.hero-pill.state-terminated,.hero-pill.hold{background:var(--color-danger-soft);color:var(--color-danger-ink)}.hero-cta{font-size:var(--fs-md);padding:11px 18px}.menu-anchor{position:relative}.menu{z-index:30;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--r-md);min-width:200px;box-shadow:var(--shadow-lg);flex-direction:column;padding:6px;display:flex;position:absolute;top:calc(100% + 6px);right:0}.menu-item{border-radius:var(--r-sm);text-align:left;font-size:var(--fs-sm);color:var(--color-ink);background:0 0;border:none;align-items:center;gap:8px;padding:8px 10px;font-weight:600;display:flex}.menu-item:hover,.menu-item:focus-visible{background:var(--color-surface-2);outline:none}.menu-item.danger{color:var(--color-danger-ink)}.chips{flex-wrap:wrap;gap:6px;display:flex}.chip{border-radius:var(--r-pill);font-size:var(--fs-xs);background:var(--n-100);color:var(--n-700);align-items:center;gap:5px;padding:3px 10px;font-weight:700;display:inline-flex}.chip.red{background:var(--color-danger-soft);color:var(--color-danger-ink)}.stepper{container-type:inline-size}.steps{padding-bottom:4px;display:flex;overflow-x:auto}.step-group{flex-direction:column;flex:auto;min-width:0;display:flex}.step-group+.step-group{border-left:1px dashed var(--color-border);padding-left:var(--sp-3);margin-left:var(--sp-3)}.step-group-label{font-size:var(--fs-xs);letter-spacing:.08em;text-transform:uppercase;color:var(--color-muted);margin-bottom:var(--sp-3);font-weight:800}.step-row{margin:0;padding:0;list-style:none;display:flex}.step{min-width:112px;padding-right:var(--sp-3);flex-direction:column;flex:1 1 0;gap:2px;display:flex;position:relative}.step:after{content:"";background:var(--n-200);height:2px;position:absolute;top:13px;left:30px;right:4px}.step:last-child:after{display:none}.step.done:after{background:var(--color-primary)}.step-dot{z-index:1;width:28px;height:28px;font-size:var(--fs-xs);background:var(--color-surface);border:2px solid var(--n-300);color:var(--color-muted);border-radius:50%;place-items:center;margin-bottom:6px;font-weight:800;display:grid;position:relative}.step.done .step-dot{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-on-primary)}.step.current .step-dot{border-color:var(--color-accent);color:var(--color-accent-strong);box-shadow:0 0 0 4px rgba(var(--accent-rgb), .18)}.step.blocked .step-dot,.step.stopped .step-dot{background:var(--color-danger-soft);border-color:var(--color-danger);color:var(--color-danger-ink)}.step-label{font-size:var(--fs-sm);color:var(--color-ink);font-weight:700}.step.todo .step-label{color:var(--color-muted)}.step-sub{font-size:var(--fs-xs);color:var(--n-700)}.step-time{font-size:var(--fs-xs);color:var(--color-muted)}.step.current .step-time{color:var(--color-accent-strong);font-weight:700}.step-since{border-radius:var(--r-pill);background:var(--color-primary-wash);color:var(--color-primary-strong);align-self:flex-start;margin-top:2px;padding:0 6px;font-size:10.5px;font-weight:700}@container (width<=640px){.steps,.step-row{flex-direction:column}.step-group+.step-group{margin-left:0;margin-top:var(--sp-3);border-left:none;padding-left:0}.step{padding:0 0 var(--sp-4) 40px;flex:none;min-height:64px}.step-dot{position:absolute;top:0;left:0}.step:after{width:2px;height:auto;inset:30px auto 0 13px}}.rail-item.active svg{color:var(--brand-500)}.mini-bar{vertical-align:middle;border-radius:var(--r-pill);background:var(--n-100);width:64px;height:6px;margin-right:8px;display:inline-block;overflow:hidden}.mini-bar>i{background:var(--color-primary);height:100%;display:block}.mini-bar.behind>i{background:var(--color-accent)}@media (width<=640px){:root{--rail-w:58px}.rail{padding:var(--sp-2) 6px}.rail-label,.rail-brand{display:none}.rail-item{padding:10px 2px}.rail-item.active:before{left:-6px}.topbar{padding:var(--sp-2) var(--sp-3);flex-wrap:wrap}.crumb:first-child:not(:last-child){display:none}.crumb-here{font-size:var(--fs-lg)}.gsearch{flex-basis:100%;order:3}.content{padding:var(--sp-3)}.hero{padding:var(--sp-4)}.hero-title{font-size:var(--fs-2xl)}.dpane-body{padding:var(--sp-3)}}