:root{--green:#8cbc43;--green-dark:#719d2f;--ink:#202426;--ink-2:#2b2f31;--paper:#f4f1ea;--white:#fff;--muted:#6f756d;--line:#2024261f;--shadow:0 12px 32px #2024261a;--radius:16px;--display:Arial, Helvetica, sans-serif;--body:Arial, Helvetica, sans-serif}*{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--paper);color:var(--ink);font-family:var(--body);margin:0;font-size:14px;line-height:1.5}h1,h2,h3{font-family:var(--display);letter-spacing:-.02em;margin:0}a{color:inherit}button{font:inherit;cursor:pointer}input,select,textarea{font:inherit}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:#d4d1c6;border-radius:8px}.app{grid-template-columns:248px 1fr;min-height:100vh;display:grid}.sidebar{background:var(--ink);color:#fff;flex-direction:column;padding:22px 16px;display:flex}.brand{border-bottom:1px solid #ffffff1a;flex-direction:column;align-items:flex-start;gap:8px;margin-bottom:18px;padding:0 6px 20px;display:flex}.brand-mark{background:var(--green);width:34px;height:34px;font-family:var(--display);color:var(--ink);border-radius:9px;place-items:center;font-weight:800;display:grid}.brand-lockup{display:inline-block}.brand-logo{max-width:160px;height:auto;max-height:50px;display:block}.brand-name{width:100%;font-family:var(--display);color:#dfe4df;justify-content:space-between;margin-top:3px;font-size:.72rem;font-weight:700;line-height:1;display:flex}.brand-sub{letter-spacing:.14em;color:#9aa39a;margin-top:3px;font-size:.62rem}.nav{flex-direction:column;flex:1;gap:2px;display:flex}.nav a{color:#c7cdc7;text-align:left;white-space:nowrap;background:0 0;border:0;border-radius:10px;align-items:center;gap:10px;padding:10px 12px;font-size:.9rem;font-weight:600;text-decoration:none;display:flex}.nav a:hover{color:#fff;background:#ffffff0f}.nav a.active{background:var(--green);color:var(--ink)}.nav-dot{opacity:.5;background:currentColor;border-radius:50%;flex-shrink:0;width:6px;height:6px}.nav-group{flex-direction:column;gap:2px;display:flex}.nav-group-toggle{color:#c7cdc7;text-align:left;cursor:pointer;white-space:nowrap;background:0 0;border:0;border-radius:10px;align-items:center;gap:10px;width:100%;padding:10px 12px;font-size:.9rem;font-weight:600;display:flex}.nav-group-toggle:hover{color:#fff;background:#ffffff0f}.nav-caret{margin-left:auto;font-size:.7rem;transition:transform .15s}.nav-group.open .nav-caret{transform:rotate(180deg)}.nav-children{flex-direction:column;gap:2px;padding-left:14px;display:flex}.nav-children a{font-size:.85rem;font-weight:500}.footer-user{color:#9aa39a;border-top:1px solid #ffffff1a;margin-top:14px;padding-top:14px;font-size:.78rem}.footer-user .who{color:#dfe4df;word-break:break-word;margin-bottom:4px;font-weight:600}.link-btn{color:#9aa39a;background:0 0;border:0;padding:0;font-size:.78rem;text-decoration:underline}.link-btn:hover{color:#fff}.main{padding:28px 34px;overflow-x:auto}.topbar{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:12px;margin-bottom:22px;display:flex}.eyebrow{color:var(--green-dark);font-family:var(--display);letter-spacing:.14em;text-transform:uppercase;margin-bottom:4px;font-size:.72rem;font-weight:800}.btn{font-family:var(--display);background:var(--green);color:var(--ink);border:1px solid #0000;border-radius:10px;align-items:center;gap:8px;padding:10px 16px;font-size:.88rem;font-weight:800;text-decoration:none;display:inline-flex}.btn:hover{background:#9bca52}.btn:disabled{opacity:.55;cursor:not-allowed}.btn.outline{border-color:var(--line);color:var(--ink);background:0 0}.btn.outline:hover{background:#fff}.btn.ghost{color:var(--muted);background:0 0;border:0;padding:8px 10px}.btn.danger{color:#b3261e;background:#fdecea}.btn.small{padding:6px 10px;font-size:.78rem}.btn.icon-only{padding:4px 6px;font-size:.9rem;line-height:1}.btn.status{border-color:var(--green);color:var(--green-dark);cursor:default;background:#eef4e3}.cards{grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:20px;display:grid}.card{background:var(--white);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:18px}.card .label{color:var(--muted);font-size:.78rem}.card .value{font-family:var(--display);margin-top:6px;font-size:1.7rem;font-weight:800}.panel{background:var(--white);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);margin-bottom:18px;padding:20px}.panel-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:14px;display:flex}.panel-head h2{font-size:1.15rem}.panel-head p{color:var(--muted);margin:2px 0 0;font-size:.82rem}.jobs-panel .panel-head h2,.jobs-panel .panel-head p{font-size:1.15rem}.jobs-panel .panel-head p{margin-top:0}table{border-collapse:collapse;width:100%;font-size:.86rem}th{text-align:left;color:var(--muted);text-transform:uppercase;letter-spacing:.06em;border-bottom:1px solid var(--line);padding:8px 10px;font-size:.72rem;font-weight:700}td{border-bottom:1px solid var(--line);vertical-align:middle;padding:12px 10px}tr:last-child td{border-bottom:0}tr.clickable:hover{cursor:pointer;background:#faf9f5}.empty{text-align:center;color:var(--muted);padding:32px}.table-wrap{overflow-x:auto}.table--compact{font-size:.76rem}.table--compact th{letter-spacing:.03em;padding:6px 7px;font-size:.6rem}.table--compact td{padding:7px}.jobs-table{min-width:1560px;font-size:12px}.jobs-table th{white-space:nowrap;font-size:12px}.jobs-table .job-ref{color:var(--green-dark);font-weight:700;text-decoration:none}.jobs-table .job-ref:hover{text-decoration:underline}.jobs-table td{vertical-align:middle;padding:4px 6px}.jobs-table td input,.jobs-table td select{width:100%;min-width:90px;color:var(--ink);font:inherit;background:0 0;border:1px solid #0000;border-radius:6px;padding:5px 6px}.jobs-table td input:hover,.jobs-table td select:hover{background:#fafaf7;border-color:#e0e1dc}.jobs-table td input:focus,.jobs-table td select:focus{border-color:var(--green);background:#fff;outline:none}.jobs-table td input::placeholder{color:#b9bbb4}.jobs-table .job-notes{min-width:170px}.jobs-table td:nth-child(9) input{min-width:96px}.jobs-table td:nth-child(12) input,.jobs-table td:nth-child(13) input{text-transform:uppercase;min-width:64px}.job-status{text-align:center;cursor:pointer;font-weight:700;border-radius:999px!important}.job-status.is-start{color:#4a5568;background:#eef1f6!important}.job-status.is-mid{color:#8a5a00;background:#fff2d9!important}.job-status.is-done{color:var(--green-dark);background:#e7f3d8!important}.job-status.is-alert{color:#b02b2b;background:#fde4e1!important}.badge{white-space:nowrap;border-radius:100px;padding:4px 10px;font-size:.72rem;font-weight:700;display:inline-flex}.badge.draft{color:#555;background:#eee}.badge.sent{color:#1d5ba8;background:#e6f0fb}.badge.followup{color:#8a5a00;background:#fff2d9}.badge.accepted{color:var(--green-dark);background:#e5f3d9}.field{gap:6px;margin-bottom:14px;display:grid}.field label{color:#555b55;text-transform:uppercase;letter-spacing:.05em;font-size:.75rem;font-weight:700}.field input,.field select,.field textarea{color:var(--ink);background:#fafaf7;border:1px solid #d8d9d4;border-radius:9px;width:100%;padding:9px 11px}.field textarea{resize:vertical;min-height:70px}.field .hint{color:var(--muted);text-transform:none;letter-spacing:0;font-size:.72rem;font-weight:400}.grid2{grid-template-columns:1fr 1fr;gap:14px;display:grid}.check{cursor:pointer;align-items:center;gap:8px;margin:12px 0 2px;font-size:.85rem;display:flex}.check input{width:15px;height:15px;accent-color:var(--green)}.tag{color:var(--green-dark);text-transform:uppercase;letter-spacing:.03em;vertical-align:middle;background:#eef4e3;border-radius:999px;margin-left:8px;padding:1px 7px;font-size:.66rem;font-weight:700;display:inline-block}.grid3{grid-template-columns:1fr 1fr 1fr;gap:14px;display:grid}.grid4{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}@media (width<=1200px){.grid4{grid-template-columns:1fr 1fr}}.charge-table th,.charge-table td{padding:8px 6px}.charge-table input,.charge-table select{background:#fafaf7;border:1px solid #d8d9d4;border-radius:8px;width:100%;padding:7px 8px;font-size:.82rem}.charge-table input[readonly]{color:var(--muted);cursor:not-allowed;background:#eef0ea}.charge-table .num{width:92px}.charge-table .num input{text-align:right}.charge-table th,.charge-table td{white-space:nowrap}.charge-table td:nth-child(2){white-space:normal;min-width:200px}.charge-table .c-code{width:84px}.charge-table .c-cur{width:74px}.charge-table .c-unit{width:120px}.packing-table{table-layout:fixed;border-collapse:collapse;width:100%;font-size:.82rem}.packing-table th,.packing-table td{text-align:right;border-bottom:1px solid var(--line);white-space:nowrap;padding:8px 5px}.packing-table th{color:var(--muted);text-transform:uppercase;letter-spacing:.03em;font-size:.66rem;font-weight:700}.packing-table .num{width:auto}.packing-table input[type=number]{appearance:textfield}.packing-table input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.packing-table input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.packing-table col.pk-x{width:34px}.packing-table th:last-child,.packing-table td:last-child{padding-right:0}.packing-table th:nth-child(-n+4),.packing-table td:nth-child(-n+4),.packing-table td:nth-child(-n+4) input{text-align:left}.packing-table input{text-align:right;background:#fafaf7;border:1px solid #d8d9d4;border-radius:8px;width:100%;padding:7px 8px;font-size:.82rem}.packing-table input[readonly]{color:var(--muted);cursor:not-allowed;background:#eef0ea}.packing-table tfoot td{border-bottom:0;padding-top:10px}.charge-group{margin-bottom:24px}.charge-group-head{border-bottom:2px solid var(--line);justify-content:space-between;align-items:center;gap:10px;margin-bottom:6px;padding:6px 0 8px;display:flex}.charge-group-head h3{letter-spacing:.03em;color:var(--ink);font-size:.92rem}.charge-group-subtotal{text-align:right;color:var(--muted);padding-top:8px;font-size:.8rem}.charge-group-subtotal strong{color:var(--ink)}.fx-row{border:1px solid var(--line);background:#faf9f5;border-radius:10px;flex-wrap:wrap;align-items:flex-end;gap:16px;margin-bottom:18px;padding:12px 14px;display:flex}.fx-row>div{gap:4px;display:grid}.fx-row label{text-transform:uppercase;letter-spacing:.05em;color:#555b55;font-size:.7rem;font-weight:700}.fx-row input{text-align:right;background:#fff;border:1px solid #d8d9d4;border-radius:8px;width:100px;padding:7px 9px}.fx-row .hint{flex:1;align-self:center;min-width:200px}.totals{border-top:1px solid var(--line);flex-wrap:wrap;justify-content:flex-end;gap:26px;margin-top:10px;padding-top:14px;display:flex}.totals .t{text-align:right}.totals .t .label{color:var(--muted);font-size:.75rem}.totals .t .val{font-family:var(--display);font-size:1.15rem;font-weight:800}.modal-backdrop{z-index:100;background:#20242680;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.modal{background:#fff;border-radius:18px;width:100%;max-width:560px;max-height:88vh;padding:26px;overflow:auto}.modal--wide{max-width:min(1400px,94vw)}.modal-head-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.modal--stickyhead{padding:0}.modal--stickyhead .modal-sticky{z-index:5;border-bottom:1px solid var(--line);background:#fff;border-radius:18px 18px 0 0;padding:20px 26px 12px;position:sticky;top:0}.modal--stickyhead .modal-head{margin-bottom:0}.modal--stickyhead .modal-body{padding:16px 26px 26px}.modal-head{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.modal-head h3{font-size:1.1rem}.x{color:var(--muted);background:0 0;border:0;font-size:1.3rem;line-height:1}.steps{gap:0;margin:10px 0;display:flex}.step{text-align:center;background:0 0;border:0;flex:1;padding-bottom:8px;position:relative}.step .dot{color:#8a8f89;background:#e2e2dc;border-radius:50%;place-items:center;width:22px;height:22px;margin:0 auto 6px;font-size:.7rem;font-weight:800;display:grid}.step.done .dot{background:var(--green);color:var(--ink)}.step.current .dot{background:var(--ink);color:#fff}.step .line{z-index:-1;background:#e2e2dc;width:100%;height:2px;position:absolute;top:11px;left:-50%}.step:first-child .line{display:none}.step.done .line{background:var(--green)}.step small{color:var(--muted);font-size:.68rem}.toast-wrap{z-index:200;flex-direction:column;gap:8px;display:flex;position:fixed;bottom:20px;right:20px}.toast{background:var(--ink);color:#fff;box-shadow:var(--shadow);border-radius:10px;padding:12px 18px;font-size:.85rem;animation:.2s toast-in}.toast.error{background:#b3261e}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}}.auth-wrap{background:var(--ink);place-items:center;min-height:100vh;padding:24px;display:grid}.auth-card{background:var(--white);box-shadow:var(--shadow);border-radius:18px;width:100%;max-width:380px;padding:32px}.auth-card .brand{border:0;margin-bottom:20px;padding:0}.auth-card h1{margin-bottom:4px;font-size:1.4rem}.auth-card .sub{color:var(--muted);margin-bottom:20px;font-size:.85rem}.auth-error{color:#b3261e;background:#fdecea;border-radius:9px;margin-bottom:14px;padding:10px 12px;font-size:.82rem}.auth-toggle{color:var(--muted);text-align:center;margin-top:16px;font-size:.82rem}.center-note{min-height:100vh;color:var(--muted);text-align:center;place-items:center;padding:24px;display:grid}.row-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.stack-sm>*+*{margin-top:6px}.muted{color:var(--muted)}.nowrap{white-space:nowrap}@media (width<=900px){.app{grid-template-columns:1fr}.sidebar{flex-direction:row;align-items:center;padding:12px;overflow-x:auto}.brand{border:0;flex-direction:row;flex-shrink:0;align-items:center;gap:8px;margin:0;padding:0 10px 0 0}.brand-logo{max-height:26px}.brand-name{font-size:.7rem}.nav{flex-flow:wrap}.nav a{white-space:nowrap}.nav-group{display:contents}.nav-group-toggle{display:none}.nav-children{display:contents}.footer-user{display:none}.cards{grid-template-columns:1fr 1fr}.grid2,.grid3,.grid4{grid-template-columns:1fr}.main{padding:18px}}.qs-wrap{background:#e9e7e0;min-height:100vh;padding:24px 16px 60px}.qs-toolbar{justify-content:space-between;align-items:center;gap:10px;max-width:210mm;margin:0 auto 14px;display:flex}.qs-note{color:#6b5e2e;background:#fff8e6;border:1px solid #f0e2b8;border-radius:6px;max-width:210mm;margin:0 auto 14px;padding:8px 12px;font-size:.8rem}.qs-sheet{width:210mm;min-height:278mm;color:var(--ink);--display:Arial, Helvetica, sans-serif;-webkit-print-color-adjust:exact;print-color-adjust:exact;background:#fff;flex-direction:column;margin:0 auto;padding:8mm 12mm;font-family:Arial,Helvetica,sans-serif;font-size:11px;line-height:1.4;display:flex;box-shadow:0 10px 40px #0000002e}.qs-sheet h1{font-family:var(--display);margin:0 0 8px;font-size:30px;font-weight:800}.qs-companyhead{border-bottom:2px solid var(--ink);align-items:center;gap:40px;margin-bottom:6px;padding-bottom:8px;display:flex}.qs-companyhead .logo{object-fit:contain;flex:none;width:200px;max-height:66px}.qs-companyhead-text{flex:1;min-width:0}.qs-companyhead .name{font-family:var(--display);letter-spacing:.02em;font-size:20px;font-weight:800}.qs-companyhead .lines{color:var(--muted);margin-top:3px;font-size:11px}.qs-sheet .rule{border:0;border-top:2px solid var(--ink);margin:10px 0}.qs-green{color:var(--green-dark)}.qs-head{grid-template-columns:1fr 1fr;align-items:start;gap:18px;display:grid}.qs-head+.qs-head{margin-top:4px}.qs-metacol,.qs-client,.qs-routecol{min-width:0}.qs-routecol .qs-meta{grid-template-columns:auto 130px;justify-content:space-between;margin-top:14px}.qs-fromblock{max-width:calc(50% - 9px);margin-top:8px}.qs-meta{grid-template-columns:auto auto;gap:2px 18px;font-size:11px;display:grid}.qs-meta b{color:var(--muted);font-weight:400}.qs-logo{min-width:0;font-family:var(--display);color:var(--green);letter-spacing:-.02em;white-space:nowrap;justify-content:center;align-items:flex-start;font-size:34px;font-weight:800;line-height:1;display:flex}.qs-logo .dark{color:var(--ink)}.qs-logo small{letter-spacing:.35em;color:var(--ink);margin-top:2px;font-size:9px;font-weight:700;display:block}.qs-logo img{object-fit:contain;width:100%;max-width:230px;height:auto;max-height:58px;display:block}.qs-routebox{justify-content:space-between;align-items:flex-end;gap:12px;display:flex}.qs-routelbl{letter-spacing:.12em;color:var(--muted);padding-left:2px;font-size:11px;font-weight:800}.qs-port{font-family:var(--display);letter-spacing:-.02em;white-space:nowrap;font-size:32px;font-weight:800;line-height:1}.qs-routebox .arrow{width:34px;height:auto;color:var(--green);flex:none;align-self:flex-end;margin:0 8px 4px;display:block}.qs-terms{grid-template-columns:auto 1fr;gap:2px 14px;min-width:300px;font-size:10px;display:grid}.qs-terms b{color:var(--muted);font-weight:400}.qs-parties{grid-template-columns:1fr 1fr;gap:18px;margin-top:6px;display:grid}.qs-fromto{letter-spacing:.12em;color:var(--muted);margin-bottom:3px;font-size:11px;font-weight:800}.qs-cbar{background:var(--green);color:var(--ink);font-size:16px;font-weight:800;font-family:var(--display);text-transform:uppercase;padding:5px 10px}.qs-pgrid{grid-template-columns:112px 1fr;gap:1px 8px;margin-top:8px;font-size:11px;display:grid}.qs-pgrid b{color:var(--muted);font-weight:400}.qs-bar{background:var(--green);color:var(--ink);font-size:13px;font-weight:800;font-family:var(--display);text-transform:uppercase;letter-spacing:.03em;margin:4px 0;padding:3px 10px}.qs-info{grid-template-columns:1fr 1fr auto auto;gap:4px 18px;font-size:11px;line-height:1.3;display:grid}.qs-info .k{color:var(--muted)}.qs-info .v{font-weight:700}.qs-pkcaption{color:var(--muted);margin-bottom:2px;font-size:11px}.qs-pk{border-collapse:collapse;table-layout:fixed;width:100%;font-size:11px;line-height:1.3}.qs-pk th,.qs-pk td{text-align:left;border-bottom:1px solid #ececec;padding:2px 3px}.qs-pk td{white-space:nowrap}.qs-pk th{text-transform:uppercase;color:#444;border-bottom:1.5px solid var(--ink);white-space:normal;word-break:break-word;font-size:9.5px;font-weight:700}.qs-pk th:first-child,.qs-pk td:first-child{padding-left:0}.qs-pk th:last-child,.qs-pk td:last-child{text-align:right;padding-right:0}.qs-pk tfoot td{color:var(--ink);border-bottom:0;border-top:1.5px solid var(--ink);font-weight:400}.qs-pk tfoot td:first-child{font-weight:700}.qs-pksum{flex-wrap:wrap;justify-content:space-between;gap:16px;margin-top:3px;font-size:11px;display:flex}.qs-pksum .k{color:var(--muted)}.qs-pksum b{font-family:var(--display);color:var(--ink);font-size:11px}.qs-pksum .hl{color:var(--ink)}.qs-charges{border-collapse:collapse;table-layout:fixed;width:100%;font-size:11px;line-height:1.25}.qs-charges td{overflow-wrap:anywhere}.qs-charges th{text-align:left;text-transform:uppercase;letter-spacing:.04em;color:#444;border-bottom:1.5px solid var(--ink);padding:2px 6px 4px;font-size:9.5px;font-weight:700}.qs-charges td{border-bottom:1px solid #ececec;padding:2px 6px}.qs-charges td.n,.qs-charges th.n{text-align:right;white-space:nowrap}.qs-charges thead th:nth-child(3),.qs-charges tbody tr:not(.group):not(.sub) td:nth-child(3){text-align:center}.qs-charges tr.group td{text-transform:uppercase;letter-spacing:.04em;color:#444;background:#eef4e3;border-bottom:1px solid #cdddb4;font-size:9.5px;font-weight:700}.qs-charges tr.sub td{color:var(--muted);border-bottom:1px solid #cdddb4;font-size:11px}.qs-charges tr.sub td.n{color:var(--ink);font-weight:700}.qs-foot{grid-template-columns:185px 1fr 195px;gap:24px;margin-top:auto;padding-top:12px;display:grid}.qs-foot>div{min-width:0}.qs-foot h4{color:#b02b2b;letter-spacing:.02em;margin:0 0 7px;font-size:10.5px;line-height:1.35}.qs-foot>div>p{overflow-wrap:break-word;line-height:1.4}.qs-foot .bank div{font-size:10.5px}.qs-totals .row{justify-content:space-between;padding:2px 0;font-size:11px;display:flex}.qs-totals .row b{color:var(--muted);font-weight:400}.qs-totals .grand{margin-top:30px;font-size:12px;font-weight:800}.qs-totals .grand span:first-child{color:var(--ink)}.dash-kpis{grid-template-columns:repeat(5,1fr);gap:14px;margin-bottom:18px;display:grid}@media (width<=1200px){.dash-kpis{grid-template-columns:repeat(3,1fr)}}@media (width<=700px){.dash-kpis{grid-template-columns:1fr 1fr}}.kpi{text-align:left;background:var(--white);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);cursor:pointer;flex-direction:column;gap:10px;min-height:138px;padding:16px;transition:transform .12s,box-shadow .12s,border-color .12s;display:flex}.kpi:hover{transform:translateY(-2px);box-shadow:0 16px 36px #20242624}.kpi:focus-visible{outline:2px solid var(--green-dark);outline-offset:2px}.kpi.selected{border-color:var(--green);box-shadow:0 0 0 2px var(--green) inset, var(--shadow)}.kpi.static{cursor:default}.kpi.static:hover{box-shadow:var(--shadow);transform:none}.kpi-top{align-items:center;gap:10px;display:flex}.kpi-icon{width:36px;height:36px;color:var(--green-dark);background:#eef4e3;border-radius:10px;flex:none;place-items:center;display:grid}.kpi-icon svg{width:20px;height:20px}.kpi-label{color:var(--muted);font-size:.78rem;line-height:1.25}.kpi-value{font-family:var(--display);font-size:2rem;font-weight:800;line-height:1}.kpi-foot{color:var(--muted);align-items:center;gap:6px;margin-top:auto;font-size:.72rem;display:flex}.kpi-share{background:#ececec;border-radius:6px;flex:1;height:6px;overflow:hidden}.kpi-share>span{background:var(--green);border-radius:6px;height:100%;transition:width .5s;display:block}.dash-2{grid-template-columns:1fr 1fr;gap:18px;margin-bottom:18px;display:grid}@media (width<=900px){.dash-2{grid-template-columns:1fr}}.dash-2 .panel{margin-bottom:0}.donut-wrap{flex-wrap:wrap;align-items:center;gap:20px;display:flex}.donut{flex:none;width:160px;height:160px;position:relative}.donut svg{display:block;transform:rotate(-90deg)}.donut-center{text-align:center;place-items:center;display:grid;position:absolute;inset:0}.donut-center b{font-family:var(--display);font-size:1.7rem;font-weight:800;display:block}.donut-center span{color:var(--muted);font-size:.66rem}.donut-seg{cursor:pointer;transition:opacity .12s}.donut-seg:hover{opacity:.8}.donut-legend{flex-direction:column;flex:1;gap:6px;min-width:160px;display:flex}.donut-legend button{text-align:left;width:100%;font:inherit;color:var(--ink);cursor:pointer;background:0 0;border:0;border-radius:8px;align-items:center;gap:8px;padding:6px 8px;display:flex}.donut-legend button:hover{background:#f5f4ef}.donut-legend button.selected{background:#eef4e3}.donut-legend .sw{border-radius:3px;flex:none;width:10px;height:10px}.donut-legend .ct{font-family:var(--display);margin-left:auto;font-weight:800}.donut-legend button.zero{opacity:.45}.funnel{flex-direction:column;gap:10px;display:flex}.funnel-step{grid-template-columns:96px 1fr 32px;align-items:center;gap:10px;display:grid}.funnel-step .nm{color:var(--muted);font-size:.8rem}.funnel-step .track{background:#f0efe9;border-radius:7px;height:22px;overflow:hidden}.funnel-step .fill{background:var(--green);border-radius:7px;height:100%;transition:width .6s}.funnel-step .ct{font-family:var(--display);text-align:right;font-weight:800}.pipe{flex-direction:column;gap:10px;display:flex}.pipe-row{width:100%;font:inherit;text-align:left;color:var(--ink);cursor:pointer;background:0 0;border:0;border-radius:10px;grid-template-columns:120px 1fr auto;align-items:center;gap:12px;padding:6px;display:grid}.pipe-row:hover{background:#f5f4ef}.pipe-row .nm{align-items:center;gap:8px;font-size:.82rem;display:flex}.pipe-row .track{background:#f0efe9;border-radius:6px;height:10px;overflow:hidden}.pipe-row .fill{background:var(--green);border-radius:6px;height:100%;transition:width .6s}.pipe-row.accent .fill{background:var(--green-dark)}.pipe-row .amt{font-family:var(--display);white-space:nowrap;text-align:right;font-size:.9rem;font-weight:800}.pipe-row .cnt{color:var(--muted);font-size:.72rem}.chips{flex-wrap:wrap;gap:6px;display:flex}.chip{border:1px solid var(--line);color:var(--muted);font-size:.76rem;font-weight:700;font-family:var(--display);cursor:pointer;background:#fff;border-radius:999px;padding:4px 12px}.chip.on{background:var(--green);border-color:var(--green);color:var(--ink)}.job-mini{border-collapse:collapse;width:100%;font-size:.8rem}.job-mini th{text-align:left;letter-spacing:.04em;text-transform:uppercase;color:var(--muted);border-bottom:1px solid var(--line);padding:6px 8px;font-size:.6rem}.job-mini td{border-bottom:1px solid var(--line);padding:8px}.job-mini tr:last-child td{border-bottom:0}.mode-tag,.ms-tag{font-size:.68rem;font-weight:700;font-family:var(--display);white-space:nowrap;border-radius:999px;padding:2px 8px;display:inline-block}.mode-tag{color:var(--ink);background:#eef1ec}.ms-tag{color:var(--green-dark);background:#eef4e3}.ms-tag.transit{color:#b9791b;background:#fff4e0}.ms-tag.customs{color:#1d5ba8;background:#e6f0fb}.mini-stats{flex-wrap:wrap;gap:22px;display:flex}.mini-stats .k{color:var(--muted);font-size:.7rem}.mini-stats .v{font-family:var(--display);font-size:1.05rem;font-weight:800}.ct-band{flex-wrap:wrap;gap:8px;margin-bottom:14px;display:flex}.ct-chip{background:var(--white);border:1px solid var(--line);color:var(--ink);cursor:pointer;box-shadow:var(--shadow);border-radius:999px;align-items:center;gap:8px;padding:6px 14px 6px 6px;font-size:.8rem;font-weight:700;display:inline-flex}.ct-chip:hover{border-color:var(--green)}.ct-chip.alert{border-color:#f0c9c4}.ct-chip-n{min-width:24px;height:24px;color:var(--green-dark);font-family:var(--display);background:#eef4e3;border-radius:999px;place-items:center;padding:0 6px;font-weight:800;display:grid}.ct-chip.alert .ct-chip-n{color:#b3261e;background:#fdecea}.ct-tabs{border-bottom:2px solid var(--line);flex-wrap:wrap;gap:4px;margin-bottom:16px;display:flex}.ct-tab{font-family:var(--display);color:var(--muted);cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;margin-bottom:-2px;padding:10px 14px;font-size:.9rem;font-weight:600}.ct-tab:hover{color:var(--ink)}.ct-tab.on{color:var(--ink);border-bottom-color:var(--green);font-weight:700}.ct-quickadd{flex-wrap:wrap;gap:8px;margin-bottom:12px;display:flex}.ct-quickadd select{background:#fafaf7;border:1px solid #d8d9d4;border-radius:9px;padding:9px 11px}.ct-quickadd input{background:#fafaf7;border:1px solid #d8d9d4;border-radius:9px;flex:1;min-width:200px;padding:9px 11px}.ct-taskbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;display:flex}.ct-taskbar .chips{align-items:center}.ct-search{border:1px solid var(--line);border-radius:999px;min-width:120px;padding:4px 12px;font-size:.78rem}.chip.sm{padding:2px 10px;font-size:.72rem}.task-list{margin:0;padding:0;list-style:none}.task-row{border-bottom:1px solid var(--line);align-items:center;gap:10px;padding:10px 4px;display:flex}.task-row:last-child{border-bottom:0}.task-row.done .task-title{color:var(--muted);text-decoration:line-through}.task-check{cursor:pointer;background:#fff;border:2px solid #c3c8bf;border-radius:6px;flex:none;width:18px;height:18px;padding:0}.task-check.is-doing{border-color:var(--green);background:repeating-linear-gradient(45deg, var(--green), var(--green) 3px, #fff 3px, #fff 6px)}.task-check.is-done{border-color:var(--green-dark);background:var(--green-dark)}.task-check.is-note{cursor:default;border-style:dotted;border-radius:999px}.prio-dot{background:#c3c8bf;border-radius:999px;flex:none;width:8px;height:8px}.prio-dot.normal{background:var(--green)}.prio-dot.high{background:#d9534f}.task-title{text-align:left;font:inherit;color:var(--ink);cursor:pointer;background:0 0;border:0;flex:1;padding:0}.task-body{color:var(--muted)}.due-badge{color:var(--muted);white-space:nowrap;background:#eef1ec;border-radius:999px;padding:2px 8px;font-size:.72rem;font-weight:700}.due-badge.over{color:#b3261e;background:#fdecea}.cal-toolbar{flex-wrap:wrap;align-items:center;gap:14px;margin-bottom:14px;display:flex}.cal-nav{align-items:center;gap:6px;display:flex}.cal-nav strong{font-family:var(--display);text-align:center;min-width:150px}.cal-wrap{flex-wrap:wrap;align-items:flex-start;gap:16px;display:flex}.cal-grid{flex:1;grid-template-columns:repeat(7,1fr);gap:4px;min-width:560px;display:grid}.cal-dow{letter-spacing:.06em;text-transform:uppercase;color:var(--muted);padding:4px 6px;font-size:.66rem;font-weight:800}.cal-cell{border:1px solid var(--line);text-align:left;cursor:pointer;background:#fff;border-radius:10px;flex-direction:column;gap:2px;min-height:92px;padding:4px;display:flex;overflow:hidden}.cal-cell.dim{color:var(--muted);background:#faf9f5}.cal-cell.today{border-color:var(--green)}.cal-cell.sel{box-shadow:0 0 0 2px var(--green) inset}.cal-daynum{font-family:var(--display);font-size:.8rem;font-weight:800}.cal-ev{white-space:nowrap;text-overflow:ellipsis;background:#eef1ec;border-radius:5px;padding:1px 5px;font-size:.66rem;overflow:hidden}.cal-more{color:var(--muted);font-size:.62rem}.cal-ev.k-etd,.cal-tag.k-etd{color:#b9791b;background:#fff4e0}.cal-ev.k-eta,.cal-tag.k-eta,.cal-ev.k-track-eta,.cal-tag.k-track-eta{color:var(--green-dark);background:#e6f3d9}.cal-ev.k-task,.cal-tag.k-task{color:#1d5ba8;background:#e6eef7}.cal-ev.k-note,.cal-tag.k-note{color:#555;background:#eee}.cal-ev.k-quote-expiry,.cal-tag.k-quote-expiry{color:#b3261e;background:#fdecea}.cal-daypanel{border:1px solid var(--line);background:#fff;border-radius:12px;width:320px;padding:14px}.cal-daylist,.cal-agenda{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.cal-daylist li,.cal-agrow{align-items:baseline;gap:8px;display:flex}.cal-agrow{border-bottom:1px solid var(--line);padding:8px 0}.cal-agdate{font-family:var(--display);min-width:92px;font-size:.76rem;font-weight:800}.cal-tag{text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;border-radius:999px;padding:2px 7px;font-size:.62rem;font-weight:800}.cal-daylink{text-align:left;font:inherit;color:var(--ink);cursor:pointer;background:0 0;border:0;padding:0}.trk-table{border-collapse:collapse;width:100%;font-size:.8rem}.trk-table th{text-align:left;letter-spacing:.04em;text-transform:uppercase;color:var(--muted);border-bottom:1px solid var(--line);padding:6px 8px;font-size:.6rem}.trk-table td{border-bottom:1px solid var(--line);vertical-align:middle;padding:8px}.ref-badge{color:var(--ink);background:#eef1ec;border-radius:4px;padding:1px 5px;font-size:.6rem;font-weight:800}.ms-tag.tone-alert{color:#b3261e;background:#fdecea}.ms-tag.tone-mid{color:#b9791b;background:#fff4e0}.ms-tag.tone-done{color:var(--green-dark);background:#e6f3d9}.ms-tag.tone-start{color:var(--ink);background:#eef1ec}.eta-slip{color:#b3261e;font-weight:700}.trk-map{border:1px solid var(--line);border-radius:12px;width:100%;height:440px;display:block}.trk-detail{background:#faf9f5;border-radius:12px;margin:12px 0 4px;padding:14px}.trk-detail-head{flex-wrap:wrap;align-items:center;gap:16px;margin-bottom:12px;font-size:.8rem;display:flex}.trk-detail-head b{color:var(--muted);margin-right:4px;font-weight:700}.trk-route{align-items:center;gap:12px;margin-bottom:12px;display:flex}.trk-port{font-family:var(--display);font-size:1rem;font-weight:800}.trk-line{background:linear-gradient(90deg, var(--green), var(--green-dark));border-radius:3px;flex:1;height:3px}.trk-timeline{border-left:2px solid var(--line);margin:0 0 12px;padding:0;list-style:none}.trk-timeline li{grid-template-columns:64px 96px 1fr 20px;align-items:baseline;gap:8px;padding:6px 0 6px 12px;display:grid;position:relative}.trk-timeline li:before{content:"";background:#fff;border:2px solid #c3c8bf;border-radius:999px;width:10px;height:10px;position:absolute;top:10px;left:-7px}.trk-timeline li.done:before{background:var(--green-dark);border-color:var(--green-dark)}.trk-code{font-family:var(--display);font-size:.74rem;font-weight:800}.trk-when{color:var(--muted);font-size:.74rem}.trk-tick{text-align:right;color:var(--green-dark)}.trk-nonum{border-top:1px solid var(--line);margin-top:18px;padding-top:14px}.trk-nonum ul{color:var(--muted);margin:6px 0 0;padding-left:18px;font-size:.8rem}@media (width<=900px){.cal-grid{min-width:640px}.cal-wrap{overflow-x:auto}.cal-daypanel{width:100%}}@keyframes drawer-in{0%{opacity:.4;transform:translate(24px)}}.comms-rail-tab{z-index:55;background:var(--ink);color:#fff;cursor:pointer;writing-mode:vertical-rl;font-family:var(--display);letter-spacing:.14em;border:0;border-radius:10px 0 0 10px;align-items:center;gap:6px;padding:14px 6px;font-size:.66rem;font-weight:800;display:flex;position:fixed;top:38%;right:0;box-shadow:-6px 0 18px #2024262e}.comms-rail-tab:hover{background:var(--ink-2)}.comms-rail{background:var(--white);border-left:1px solid var(--line);z-index:55;flex-direction:column;width:420px;max-width:94vw;animation:.18s drawer-in;display:flex;position:fixed;top:0;bottom:0;right:0;box-shadow:-12px 0 40px #20242624}.comms-rail-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-start;gap:10px;padding:16px 16px 12px;display:flex}.comms-rail-eyebrow{color:var(--green-dark);font-family:var(--display);letter-spacing:.14em;text-transform:uppercase;margin-bottom:2px;font-size:.62rem;font-weight:800}.comms-rail .x{cursor:pointer;color:var(--muted);background:0 0;border:0;font-size:1.2rem;line-height:1}.comms-rail-body{flex:1;padding:14px 16px 24px;overflow-y:auto}.board-shift{margin-right:440px;transition:margin-right .15s}@media (width<=1100px){.comms-rail{width:94vw}.board-shift{margin-right:0}}.comms-actions{gap:6px;margin-bottom:12px;display:flex}.comms-compose{border:1px solid var(--line);border-radius:12px;margin-bottom:16px;padding:12px}.comms-compose .field{margin-bottom:10px}.comms-recipients{flex-direction:column;gap:6px;margin-bottom:10px;font-size:.82rem;display:flex}.comms-recipients .check{align-items:center;gap:8px;display:flex}.msg-preview{border:1px solid var(--line);font-family:var(--body);white-space:pre-wrap;background:#faf9f5;border-radius:8px;max-height:260px;margin:8px 0 0;padding:10px;font-size:.78rem;overflow:auto}.comms-send-row{justify-content:space-between;align-items:center;gap:10px;margin-top:10px;display:flex}.msg-thread{flex-direction:column;gap:10px;display:flex}.msg{border:1px solid var(--line);background:#fff;border-radius:10px;padding:10px 12px}.msg.note{background:#faf9f5;border-style:dashed}.msg.in{border-left:3px solid var(--green)}.msg-top{align-items:center;gap:8px;font-size:.72rem;display:flex}.msg-kind{font-family:var(--display);text-transform:uppercase;letter-spacing:.04em;color:var(--muted);font-weight:800}.msg-when{color:var(--muted);margin-left:auto}.msg-subject{margin:4px 0 2px;font-weight:700}.msg-err{color:#b3261e;margin:2px 0;font-size:.76rem}.msg-body{font-family:var(--body);white-space:pre-wrap;max-height:180px;margin:6px 0 0;font-size:.8rem;overflow:auto}.msg-foot{gap:12px;margin-top:6px;display:flex}.msg-foot .link-btn{font-size:.74rem}@media print{body>:not(#root),.qs-toolbar,.qs-note{display:none!important}.qs-wrap{background:#fff;padding:0}.qs-sheet{box-shadow:none;width:auto;min-height:279mm;margin:0;padding:0}@page{size:A4;margin:8mm 12mm}}