:root{--brand: #1b3d2e;--brand-ink: #ffffff;--accent: #c9a227;--bg: #f4f6f4;--surface: #ffffff;--surface-2: #fafbfa;--surface-3: #eef1ee;--line: #dde3de;--line-strong: #c6d0c8;--text: #16231c;--text-muted: #5f6f66;--text-faint: #8a9790;--ok: #1f7a4d;--warn: #b26a09;--danger: #b3261e;--ok-bg: #eaf5ee;--warn-bg: #fdf4e6;--danger-bg: #fdeceb;--radius-sm: 5px;--radius: 9px;--radius-lg: 14px;--shadow-1: 0 1px 2px rgba(16, 32, 24, .06), 0 1px 1px rgba(16, 32, 24, .04);--shadow-2: 0 4px 14px rgba(16, 32, 24, .09), 0 1px 3px rgba(16, 32, 24, .05);--shadow-3: 0 18px 46px rgba(16, 32, 24, .18);--font: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace;--header-h: 58px;--panel-w: 396px;color-scheme:light}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--bg: #0e1512;--surface: #16201b;--surface-2: #1b2620;--surface-3: #223029;--line: #2c3a33;--line-strong: #3d4e45;--text: #e8efe9;--text-muted: #9cada3;--text-faint: #74857b;--ok-bg: #12291d;--warn-bg: #2d2312;--danger-bg: #2e1614;--ok: #4fb47c;--warn: #e0a13d;--danger: #e2675d;--shadow-1: 0 1px 2px rgba(0, 0, 0, .4);--shadow-2: 0 4px 14px rgba(0, 0, 0, .45);--shadow-3: 0 18px 46px rgba(0, 0, 0, .6);color-scheme:dark}}:root[data-theme=dark]{--bg: #0e1512;--surface: #16201b;--surface-2: #1b2620;--surface-3: #223029;--line: #2c3a33;--line-strong: #3d4e45;--text: #e8efe9;--text-muted: #9cada3;--text-faint: #74857b;--ok-bg: #12291d;--warn-bg: #2d2312;--danger-bg: #2e1614;--ok: #4fb47c;--warn: #e0a13d;--danger: #e2675d;color-scheme:dark}*{box-sizing:border-box}html,body{height:100%}body{margin:0;font-family:var(--font);font-size:14px;line-height:1.5;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}#root{min-height:100%;display:flex;flex-direction:column}h1,h2,h3,h4{margin:0;font-weight:650;letter-spacing:-.011em}button,input,select,textarea{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--brand);outline-offset:2px;border-radius:3px}.num{font-variant-numeric:tabular-nums}.hdr{height:var(--header-h);flex:0 0 auto;display:flex;align-items:center;gap:14px;padding:0 16px;background:var(--brand);color:var(--brand-ink);box-shadow:var(--shadow-1);position:sticky;top:0;z-index:30}.hdr__brand{display:flex;align-items:center;gap:10px;min-width:0}.hdr__logo{width:32px;height:32px;border-radius:7px;object-fit:contain;background:#ffffff1f;padding:3px;flex:0 0 auto}.hdr__titles{min-width:0;line-height:1.15}.hdr__product{font-size:14.5px;font-weight:650;letter-spacing:-.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hdr__company{font-size:11px;opacity:.72;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hdr__spacer{flex:1 1 auto}.hdr__tools{display:flex;align-items:center;gap:8px}.pill{display:inline-flex;align-items:center;gap:6px;height:24px;padding:0 9px;border-radius:999px;font-size:11px;font-weight:600;letter-spacing:.01em;background:#ffffff24;color:var(--brand-ink);border:1px solid rgba(255,255,255,.16)}.pill--accent{background:color-mix(in srgb,var(--accent) 88%,transparent);color:#20180a;border-color:transparent}.seg{display:inline-flex;background:#ffffff21;border-radius:7px;padding:2px;gap:2px}.seg button{border:0;background:transparent;color:inherit;opacity:.75;height:24px;padding:0 10px;border-radius:5px;cursor:pointer;font-size:11.5px;font-weight:600}.seg button[aria-pressed=true]{background:#ffffffeb;color:#16231c;opacity:1}.app{flex:1 1 auto;display:grid;grid-template-columns:var(--panel-w) minmax(0,1fr);gap:14px;padding:14px;align-items:start;min-height:0}.col{display:flex;flex-direction:column;gap:12px;min-width:0}.col--left{position:sticky;top:calc(var(--header-h) + 14px);max-height:calc(100vh - var(--header-h) - 28px);overflow:auto;padding-right:2px}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-1)}.card__hd{display:flex;align-items:center;gap:10px;padding:11px 14px;border-bottom:1px solid var(--line)}.card__hd h2{font-size:12px;text-transform:uppercase;letter-spacing:.07em;color:var(--text-muted);font-weight:700}.card__hd .grow{flex:1 1 auto}.card__bd{padding:14px}.card__bd--flush{padding:0}.field{display:flex;flex-direction:column;gap:5px;min-width:0}.field>label{font-size:11.5px;font-weight:600;color:var(--text-muted)}.hint{font-size:11px;color:var(--text-faint)}input[type=text],input[type=number],input[type=email],input[type=password],select,textarea{width:100%;height:34px;padding:0 9px;background:var(--surface-2);border:1px solid var(--line-strong);border-radius:var(--radius-sm);transition:border-color .12s,box-shadow .12s,background .12s}textarea{height:auto;padding:8px 9px;resize:vertical}select{padding-right:26px;appearance:none;background-image:linear-gradient(45deg,transparent 50%,currentColor 50%),linear-gradient(135deg,currentColor 50%,transparent 50%);background-position:calc(100% - 15px) 15px,calc(100% - 10px) 15px;background-size:5px 5px,5px 5px;background-repeat:no-repeat}input:hover,select:hover{border-color:var(--text-faint)}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--brand);background:var(--surface);box-shadow:0 0 0 3px color-mix(in srgb,var(--brand) 16%,transparent)}input[type=color]{padding:2px;height:34px;cursor:pointer}input[type=range]{accent-color:var(--brand);height:24px;padding:0;border:0;background:none}.check{display:inline-flex;align-items:center;gap:7px;font-size:12.5px;cursor:pointer;user-select:none}.check input{width:15px;height:15px;accent-color:var(--brand);cursor:pointer}.row{display:flex;gap:8px}.row>*{flex:1 1 0;min-width:0}.grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;height:34px;padding:0 14px;border:1px solid var(--line-strong);border-radius:var(--radius-sm);background:var(--surface);color:var(--text);font-size:13px;font-weight:600;cursor:pointer;white-space:nowrap;transition:background .12s,border-color .12s,transform .06s,box-shadow .12s}.btn:hover{background:var(--surface-3)}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn--primary{background:var(--brand);border-color:var(--brand);color:var(--brand-ink);box-shadow:var(--shadow-1)}.btn--primary:hover{background:color-mix(in srgb,var(--brand) 88%,#fff)}.btn--lg{height:42px;font-size:14px;padding:0 18px;width:100%}.btn--sm{height:27px;padding:0 9px;font-size:12px}.btn--ghost{border-color:transparent;background:transparent}.btn--ghost:hover{background:var(--surface-3)}.btn--danger{color:var(--danger);border-color:color-mix(in srgb,var(--danger) 35%,var(--line))}.btn--danger:hover{background:var(--danger-bg)}.btn--icon{width:27px;padding:0}.spinner{width:14px;height:14px;border-radius:50%;border:2px solid currentColor;border-right-color:transparent;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.cargo{display:flex;flex-direction:column}.cargo__row{display:grid;grid-template-columns:14px minmax(0,1fr) auto auto;gap:9px;align-items:center;padding:9px 14px;border-bottom:1px solid var(--line);cursor:pointer;transition:background .1s}.cargo__row:hover{background:var(--surface-2)}.cargo__row[aria-selected=true]{background:color-mix(in srgb,var(--brand) 7%,var(--surface))}.cargo__swatch{width:14px;height:14px;border-radius:4px;border:1px solid rgba(0,0,0,.16)}.cargo__name{font-weight:600;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cargo__meta{font-size:11.5px;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cargo__qty{font-size:12.5px;font-weight:650;color:var(--text-muted)}.cargo__empty{padding:26px 14px;text-align:center;color:var(--text-faint);font-size:13px}.editor{padding:12px 14px;background:var(--surface-2);border-bottom:1px solid var(--line);display:flex;flex-direction:column;gap:10px}.totals{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border-top:1px solid var(--line)}.totals>div{background:var(--surface);padding:9px 12px}.totals dt{font-size:10px;text-transform:uppercase;letter-spacing:.06em;color:var(--text-faint);font-weight:700}.totals dd{margin:2px 0 0;font-size:15px;font-weight:650}.num--warn{color:var(--warn)}.allowance{padding:9px 12px 11px;border-top:1px solid var(--line);background:color-mix(in srgb,var(--accent) 7%,var(--surface))}.allowance--over{background:var(--warn-bg)}.allowance__txt{font-size:12px;font-weight:650;color:var(--text)}.allowance--over .allowance__txt{color:color-mix(in srgb,var(--warn) 80%,var(--text))}.allowance__sub{font-size:11.5px;color:var(--text-faint);margin-top:2px}.brandfile{display:flex;gap:12px;align-items:center}.brandfile__preview{width:68px;height:68px;flex:0 0 auto;display:grid;place-items:center;border:1px solid var(--line);border-radius:10px;background:var(--surface-2, #f4f6f4);overflow:hidden;text-align:center;padding:4px}.brandfile__preview img{max-width:100%;max-height:100%;object-fit:contain}.brandfile__actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.tag--accent{background:color-mix(in srgb,var(--accent) 20%,transparent);color:color-mix(in srgb,var(--accent) 75%,var(--text))}.btn--danger{color:var(--danger, #a4402f);border-color:color-mix(in srgb,var(--danger, #a4402f) 40%,transparent)}.btn--danger:disabled{opacity:.45}.banner--danger{background:color-mix(in srgb,var(--danger, #a4402f) 10%,transparent);border-color:color-mix(in srgb,var(--danger, #a4402f) 35%,transparent)}.results{display:flex;flex-direction:column;gap:12px;min-height:420px;min-width:0}.results>*{min-width:0;max-width:100%}.tabs{display:flex;gap:2px;padding:4px;background:var(--surface-3);border-radius:8px}.tabs button{border:0;background:transparent;cursor:pointer;height:30px;padding:0 14px;border-radius:6px;font-size:12.5px;font-weight:600;color:var(--text-muted);transition:background .12s,color .12s}.tabs button:hover{color:var(--text)}.tabs button[aria-selected=true]{background:var(--surface);color:var(--text);box-shadow:var(--shadow-1)}.metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;min-width:0}.metric{min-width:0;overflow:hidden}.metric{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:11px 13px;box-shadow:var(--shadow-1)}.metric__k{font-size:10px;text-transform:uppercase;letter-spacing:.06em;color:var(--text-faint);font-weight:700}.metric__v{font-size:21px;font-weight:680;letter-spacing:-.02em;margin-top:3px}.metric__s{font-size:11.5px;color:var(--text-muted)}.bar{height:6px;border-radius:3px;background:var(--surface-3);overflow:hidden;margin-top:8px}.bar>i{display:block;height:100%;border-radius:3px;background:var(--brand);transition:width .45s cubic-bezier(.2,.8,.2,1)}.bar--warn>i{background:var(--warn)}.bar--danger>i{background:var(--danger)}.stage{position:relative;height:min(62vh,620px);min-height:380px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow-1)}.stage canvas{display:block;width:100%;height:100%}.stage__hint{position:absolute;left:12px;bottom:10px;font-size:11px;color:var(--text-faint);background:color-mix(in srgb,var(--surface) 86%,transparent);padding:3px 8px;border-radius:999px;pointer-events:none}.stage__tools{position:absolute;right:10px;top:10px;display:flex;flex-direction:column;gap:6px}.stage__tools .btn{background:color-mix(in srgb,var(--surface) 92%,transparent);backdrop-filter:blur(6px)}.stage--plan{overflow:auto;padding:14px;height:auto;min-height:0}.stage--plan svg{max-height:60vh;margin:0 auto}.stage--plan svg{display:block;width:100%;height:auto}.scrub{display:flex;align-items:center;gap:10px;padding:10px 12px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-1)}.scrub input[type=range]{flex:1 1 auto}.scrub__label{font-size:12px;color:var(--text-muted);min-width:118px}.pager{display:flex;align-items:center;gap:6px}.pager__n{font-size:12.5px;color:var(--text-muted);min-width:96px;text-align:center}.steps{max-height:min(62vh,620px);overflow:auto}.steps table{width:100%;border-collapse:collapse;font-size:12.5px;table-layout:fixed}.steps td{word-break:break-word}.steps th:nth-child(1),.steps td:nth-child(1){width:56px}.steps th:nth-child(2),.steps td:nth-child(2){width:150px}.steps th:nth-child(4),.steps td:nth-child(4){width:58px}.steps th:nth-child(5),.steps td:nth-child(5){width:86px}@media(max-width:620px){.steps th:nth-child(2),.steps td:nth-child(2){width:110px}.steps th:nth-child(4),.steps td:nth-child(4),.steps th:nth-child(5),.steps td:nth-child(5){display:none}}.steps th{position:sticky;top:0;z-index:1;background:var(--surface-3);text-align:left;font-size:10px;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);padding:8px 10px;font-weight:700;border-bottom:1px solid var(--line)}.steps td{padding:7px 10px;border-bottom:1px solid var(--line);vertical-align:top}.steps tbody tr:hover{background:var(--surface-2)}.steps tbody tr.is-active{background:color-mix(in srgb,var(--accent) 16%,var(--surface))}.steps__n{font-variant-numeric:tabular-nums;color:var(--text-muted);width:44px}.steps__item{white-space:nowrap;font-weight:600}.banner{display:flex;gap:10px;padding:11px 13px;border-radius:var(--radius);font-size:12.5px;border:1px solid}.banner--warn{background:var(--warn-bg);border-color:color-mix(in srgb,var(--warn) 38%,transparent);color:color-mix(in srgb,var(--warn) 80%,var(--text))}.banner--danger{background:var(--danger-bg);border-color:color-mix(in srgb,var(--danger) 38%,transparent);color:color-mix(in srgb,var(--danger) 80%,var(--text))}.banner--info{background:var(--surface-2);border-color:var(--line);color:var(--text-muted)}.banner b{display:block;margin-bottom:2px}.empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;text-align:center;padding:60px 24px;color:var(--text-muted)}.empty h3{font-size:16px;color:var(--text)}.empty p{margin:0;max-width:380px;font-size:13px}.empty svg{opacity:.5}.legend{display:flex;flex-wrap:wrap;gap:6px 10px;padding:11px 13px;min-width:0}.legend__i{display:inline-flex;align-items:center;gap:7px;font-size:12px}.legend__sw{width:11px;height:11px;border-radius:3px;border:1px solid rgba(0,0,0,.18)}.toasts{position:fixed;right:16px;bottom:16px;z-index:60;display:flex;flex-direction:column;gap:8px;max-width:min(92vw,380px)}.toast{display:flex;gap:9px;align-items:flex-start;background:var(--surface);border:1px solid var(--line);border-left:3px solid var(--brand);border-radius:var(--radius);box-shadow:var(--shadow-3);padding:10px 12px;font-size:12.5px;animation:toast-in .22s cubic-bezier(.2,.8,.2,1)}.toast--err{border-left-color:var(--danger)}.toast--ok{border-left-color:var(--ok)}.toast b{display:block}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}}.modal-bg{position:fixed;inset:0;z-index:50;background:#09120e7a;display:grid;place-items:center;padding:18px;backdrop-filter:blur(2px)}.modal{background:var(--surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-3);width:min(520px,100%);max-height:88vh;overflow:auto;border:1px solid var(--line)}.modal__hd{padding:16px 18px 0}.modal__hd h2{font-size:16px}.modal__bd{padding:14px 18px;display:flex;flex-direction:column;gap:12px}.modal__ft{padding:12px 18px 16px;display:flex;justify-content:flex-end;gap:8px}.auth{flex:1 1 auto;display:grid;place-items:center;padding:28px 18px}.auth__card{width:min(400px,100%);background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-2);padding:26px;display:flex;flex-direction:column;gap:14px}.auth__logo{width:46px;height:46px;border-radius:11px;object-fit:contain;background:var(--brand);padding:5px}.admin{max-width:1080px;margin:0 auto;width:100%;display:flex;flex-direction:column;gap:14px}.table{width:100%;border-collapse:collapse;font-size:12.5px}.table th{text-align:left;font-size:10px;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);font-weight:700;padding:9px 12px;border-bottom:1px solid var(--line)}.table td{padding:9px 12px;border-bottom:1px solid var(--line)}.table tbody tr:hover{background:var(--surface-2)}.tag{display:inline-block;padding:1px 7px;border-radius:999px;font-size:10.5px;font-weight:650;background:var(--surface-3);color:var(--text-muted)}.tag--ok{background:var(--ok-bg);color:var(--ok)}.tag--off{background:var(--surface-3);color:var(--text-faint)}.switch{display:inline-flex;align-items:center;gap:9px;cursor:pointer}.switch input{appearance:none;width:38px;height:21px;border-radius:999px;background:var(--line-strong);position:relative;cursor:pointer;transition:background .16s;margin:0;border:0}.switch input:after{content:"";position:absolute;top:2px;left:2px;width:17px;height:17px;border-radius:50%;background:#fff;box-shadow:var(--shadow-1);transition:transform .16s}.switch input:checked{background:var(--brand)}.switch input:checked:after{transform:translate(17px)}.copybox{display:flex;gap:8px;align-items:center}.copybox code{flex:1 1 auto;font-family:var(--mono);font-size:12px;background:var(--surface-3);padding:8px 10px;border-radius:var(--radius-sm);overflow-x:auto;white-space:nowrap}.ftr{flex:0 0 auto;padding:14px 18px 22px;text-align:center;font-size:11.5px;color:var(--text-faint)}.ftr a{color:inherit}@media(max-width:1080px){.app{grid-template-columns:minmax(0,1fr)}.col--left{position:static;max-height:none}.stage{height:56vh}}@media(max-width:560px){.app{padding:10px;gap:10px}.hdr{padding:0 11px;gap:9px}.hdr__company{display:none}.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.tabs{overflow-x:auto}}@media print{.hdr,.col--left,.tabs,.scrub,.stage__tools,.toasts,.ftr{display:none!important}.app{display:block;padding:0}.stage{height:auto;border:0;box-shadow:none}}@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;transition-duration:.01ms!important}}.modes{display:grid;grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:14px}.mode{display:flex;flex-direction:column;align-items:flex-start;gap:6px;text-align:left;padding:22px;cursor:pointer;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-1);color:inherit;transition:border-color .14s,box-shadow .14s,transform .08s}.mode:hover{border-color:var(--brand);box-shadow:var(--shadow-2);transform:translateY(-2px)}.mode:active{transform:translateY(0)}.mode__icon{color:var(--brand);margin-bottom:4px}.mode__title{font-size:17px;font-weight:650;letter-spacing:-.01em}.mode__sub{font-size:11px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--accent)}.mode__body{margin:6px 0 0;font-size:12.5px;color:var(--text-muted);line-height:1.55}.mode__go{margin-top:12px;font-size:12.5px;font-weight:650;color:var(--brand)}.stepper{display:flex;gap:4px;align-items:stretch}.stepper__s{flex:1 1 0;display:flex;align-items:center;justify-content:center;gap:6px;padding:7px 4px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface);font-size:11.5px;font-weight:600;color:var(--text-faint);min-width:0;white-space:nowrap;overflow:hidden}.stepper__s.is-link{cursor:pointer}.stepper__s.is-link:hover{border-color:var(--brand);color:var(--text)}.stepper__s.is-done{color:var(--text);border-color:color-mix(in srgb,var(--brand) 38%,var(--line))}.stepper__n{display:inline-grid;place-items:center;width:17px;height:17px;flex:0 0 auto;border-radius:50%;background:var(--surface-3);color:var(--text-faint);font-size:10px;font-weight:700}.stepper__s.is-done .stepper__n{background:var(--brand);color:var(--brand-ink)}.pool{display:flex;flex-direction:column;gap:4px}.pool__item{display:flex;align-items:center;gap:9px;cursor:pointer;user-select:none;padding:7px 9px;border:1px solid var(--line);border-radius:var(--radius-sm);font-size:12.5px;background:var(--surface-2);transition:border-color .12s,background .12s}.pool__item:hover{border-color:var(--text-faint)}.pool__item.is-on{background:color-mix(in srgb,var(--brand) 7%,var(--surface));border-color:color-mix(in srgb,var(--brand) 34%,var(--line))}.pool__item input{width:15px;height:15px;accent-color:var(--brand);cursor:pointer;flex:0 0 auto}.pool__teu{font-size:10.5px;font-weight:700;color:var(--text-faint);white-space:nowrap}.scrub__speed{width:auto;height:27px;padding:0 22px 0 7px;font-size:11.5px;flex:0 0 auto;background-position:calc(100% - 13px) 12px,calc(100% - 8px) 12px}.seg--inline{background:var(--surface-3);width:100%}.seg--inline button{flex:1 1 0;color:var(--text-muted);opacity:1}.seg--inline button[aria-pressed=true]{background:var(--brand);color:var(--brand-ink)}.stage__mark{position:absolute;left:14px;top:12px;width:62px;height:62px;object-fit:contain;opacity:.2;pointer-events:none;z-index:2}