.ofs-page{--ofs-ok:#16a34a;--ofs-ok-bg:#16a34a1f;--ofs-warn:#d97706;--ofs-warn-bg:#d9770624;--ofs-high:#ea580c;--ofs-high-bg:#ea580c24;--ofs-danger:#dc2626;--ofs-danger-bg:#dc26261f;--ofs-info:#2563eb;--ofs-info-bg:#2563eb1f;--ofs-single:#0d9488;--ofs-set:#7c3aed;color:var(--text)}html[data-theme=dark] .ofs-page{--ofs-ok:#4ade80;--ofs-ok-bg:#4ade8029;--ofs-warn:#fbbf24;--ofs-warn-bg:#fbbf2429;--ofs-high:#fb923c;--ofs-high-bg:#fb923c29;--ofs-danger:#f87171;--ofs-danger-bg:#f871712e;--ofs-info:#60a5fa;--ofs-info-bg:#60a5fa29;--ofs-single:#2dd4bf;--ofs-set:#a78bfa}.ofs-card{background:var(--bg-surface);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:13px;padding:18px 20px}.ofs-card--fill{flex-direction:column;flex:1;min-height:0;display:flex}.ofs-card--link{text-decoration:none;transition:transform .16s,border-color .16s;display:block}.ofs-card--link:hover{border-color:var(--border-strong);transform:translateY(-2px)}.ofs-h1{letter-spacing:-.02em;color:var(--text);margin:0;font-size:20px;font-weight:800}.ofs-lead{color:var(--text-2);margin:4px 0 0;font-size:13px;line-height:1.55}.ofs-card-title{color:var(--text);margin:0 0 4px;font-size:15px;font-weight:700}.ofs-card-sub{color:var(--text-3);margin:0 0 12px;font-size:12px;line-height:1.45}.ofs-section-title{color:var(--text);margin:0 0 10px;font-size:14px;font-weight:700}.ofs-toolbar,.ofs-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.ofs-spacer{flex:1}.ofs-stack{flex-direction:column;gap:16px;display:flex}.ofs-grid-2{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px;display:grid}.ofs-grid-cards{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}@media (max-width:1100px){.ofs-grid-2{grid-template-columns:minmax(0,1fr)}.ofs-grid-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}.ofs-btn{border:1px solid var(--border);background:var(--bg-surface);height:32px;color:var(--text-2);cursor:pointer;white-space:nowrap;border-radius:8px;align-items:center;gap:6px;padding:0 12px;font-family:inherit;font-size:12.5px;font-weight:600;display:inline-flex}.ofs-btn:hover{background:var(--bg-hover);color:var(--text);border-color:var(--border-strong)}.ofs-btn:disabled{opacity:.45;cursor:default}.ofs-btn--primary{background:var(--demo);border-color:var(--demo);color:#fff}.ofs-btn--primary:hover{filter:brightness(1.08);color:#fff;background:var(--demo)}.ofs-btn--danger{color:var(--ofs-danger);border-color:color-mix(in srgb, var(--ofs-danger) 45%, transparent)}.ofs-btn--sm{height:26px;padding:0 9px;font-size:11.5px}.ofs-input,.ofs-select{border:1px solid var(--border);background:var(--bg-surface-2);height:32px;color:var(--text);border-radius:8px;padding:0 10px;font-family:inherit;font-size:13px}.ofs-input:focus,.ofs-select:focus{border-color:var(--brand);background:var(--bg-surface);outline:none}.ofs-field{color:var(--text-3);flex-direction:column;gap:4px;font-size:11.5px;font-weight:600;display:flex}.ofs-field-hint{color:var(--text-3);font-size:11px;font-weight:500}.ofs-range{width:100%;accent-color:var(--demo)}.ofs-tabs{background:var(--bg-surface-2);border-radius:10px;gap:4px;width:fit-content;padding:4px;display:flex}.ofs-tab{height:30px;color:var(--text-2);cursor:pointer;background:0 0;border:none;border-radius:7px;padding:0 14px;font-family:inherit;font-size:13px;font-weight:600}.ofs-tab:hover{color:var(--text)}.ofs-tab.is-active{background:var(--bg-surface);color:var(--text);box-shadow:var(--shadow)}.ofs-filter-chip{border:1px solid var(--border);background:var(--bg-surface);height:28px;color:var(--text-2);cursor:pointer;border-radius:999px;align-items:center;gap:6px;padding:0 12px;font-family:inherit;font-size:12px;font-weight:600;display:inline-flex}.ofs-filter-chip.is-active{border-color:var(--demo);color:var(--demo);background:color-mix(in srgb, var(--demo) 10%, transparent)}.ofs-filter-chip .count{background:var(--bg-surface-2);border-radius:8px;padding:0 6px;font-size:10.5px}.ofs-badge{white-space:nowrap;border-radius:999px;align-items:center;gap:5px;padding:3px 9px;font-size:11px;font-weight:700;line-height:1.2;display:inline-flex}.ofs-badge--sample{background:var(--ofs-warn-bg);color:var(--ofs-warn)}.ofs-badge--server{background:var(--ofs-info-bg,#e0f2fe);color:var(--ofs-info,#0369a1);border-color:var(--ofs-info,#0369a1);font-weight:700}.ofs-badge--upload{background:var(--ofs-ok-bg);color:var(--ofs-ok)}.ofs-badge--keyin{background:var(--ofs-info-bg);color:var(--ofs-info)}.ofs-badge--mixed{background:var(--ofs-warn-bg);color:var(--ofs-warn)}.ofs-badge--empty{background:var(--bg-surface-2);color:var(--text-3)}.ofs-status--ok{background:var(--ofs-ok-bg);color:var(--ofs-ok)}.ofs-status--below{background:var(--ofs-warn-bg);color:var(--ofs-warn)}.ofs-status--stockout,.ofs-sev--critical{background:var(--ofs-danger-bg);color:var(--ofs-danger)}.ofs-sev--high{background:var(--ofs-high-bg);color:var(--ofs-high)}.ofs-sev--warn{background:var(--ofs-warn-bg);color:var(--ofs-warn)}.ofs-sev--ok{background:var(--ofs-ok-bg);color:var(--ofs-ok)}.ofs-type--stockout{background:var(--ofs-danger-bg);color:var(--ofs-danger)}.ofs-type--below_ss{background:var(--ofs-warn-bg);color:var(--ofs-warn)}.ofs-type--expiry_risk{background:var(--ofs-high-bg);color:var(--ofs-high)}.ofs-type--set_short{background:color-mix(in srgb, var(--ofs-set) 16%, transparent);color:var(--ofs-set)}.ofs-type--recon_diff{background:var(--ofs-info-bg);color:var(--ofs-info)}.ofs-type--settle_diff{background:var(--ofs-danger-bg);color:var(--ofs-danger)}.ofs-type--return_pending{background:var(--ofs-warn-bg);color:var(--ofs-warn)}.ofs-type--tpl_diff{background:var(--ofs-info-bg);color:var(--ofs-info)}.ofs-act--assemble{background:color-mix(in srgb, var(--ofs-set) 16%, transparent);color:var(--ofs-set)}.ofs-act--purchase{background:var(--ofs-info-bg);color:var(--ofs-info)}.ofs-act--promote{background:var(--ofs-warn-bg);color:var(--ofs-warn)}.ofs-act--scrap{background:var(--ofs-danger-bg);color:var(--ofs-danger)}.ofs-act--recheck{background:var(--ofs-high-bg);color:var(--ofs-high)}.ofs-act--none{background:var(--bg-surface-2);color:var(--text-3)}.ofs-act--noopt{background:var(--ofs-danger-bg);color:var(--ofs-danger)}.ofs-type--margin_low{background:var(--ofs-warn-bg);color:var(--ofs-warn)}.ofs-type--cost_spike{background:var(--ofs-high-bg);color:var(--ofs-high)}.ofs-type--price_gap{background:var(--ofs-info-bg);color:var(--ofs-info)}.ofs-type--gift_exhaust{background:var(--ofs-warn-bg);color:var(--ofs-warn)}.ofs-type--collect_fail,.ofs-type--cond_missing{background:var(--ofs-danger-bg);color:var(--ofs-danger)}.ofs-act--reprice{background:var(--ofs-info-bg);color:var(--ofs-info)}.ofs-act--renegotiate{background:var(--ofs-high-bg);color:var(--ofs-high)}.ofs-act--stop_gift{background:var(--ofs-warn-bg);color:var(--ofs-warn)}.ofs-act--add_cond{background:var(--ofs-danger-bg);color:var(--ofs-danger)}.ofs-act--recollect{background:var(--ofs-info-bg);color:var(--ofs-info)}.ofs-unit--single{background:color-mix(in srgb, var(--ofs-single) 14%, transparent);color:var(--ofs-single)}.ofs-unit--set{background:color-mix(in srgb, var(--ofs-set) 14%, transparent);color:var(--ofs-set)}.ofs-wh--stock{background:color-mix(in srgb, var(--ofs-single) 12%, transparent);color:var(--ofs-single)}.ofs-wh--set{background:color-mix(in srgb, var(--ofs-set) 12%, transparent);color:var(--ofs-set)}.ofs-wh--return{background:var(--ofs-warn-bg);color:var(--ofs-warn)}.ofs-wh--inspect{background:var(--ofs-info-bg);color:var(--ofs-info)}.ofs-wh--tpl{background:var(--bg-surface-2);color:var(--text-2)}.ofs-wh--scrap{background:var(--ofs-danger-bg);color:var(--ofs-danger)}.ofs-ch--online{background:var(--ofs-info-bg);color:var(--ofs-info)}.ofs-ch--direct_buy{background:color-mix(in srgb, var(--ofs-set) 14%, transparent);color:var(--ofs-set)}.ofs-ch--homeshopping{background:var(--ofs-warn-bg);color:var(--ofs-warn)}.ofs-ch--retail{background:color-mix(in srgb, var(--ofs-single) 14%, transparent);color:var(--ofs-single)}.ofs-ch--exception{background:var(--bg-surface-2);color:var(--text-2)}.ofs-cause--match{background:var(--ofs-ok-bg);color:var(--ofs-ok)}.ofs-cause--timing{background:var(--bg-surface-2);color:var(--text-2)}.ofs-cause--short_ship{background:var(--ofs-high-bg);color:var(--ofs-high)}.ofs-cause--return_pending{background:var(--ofs-warn-bg);color:var(--ofs-warn)}.ofs-cause--tpl_lag{background:var(--ofs-info-bg);color:var(--ofs-info)}.ofs-cause--set_unit{background:color-mix(in srgb, var(--ofs-set) 14%, transparent);color:var(--ofs-set)}.ofs-cause--unknown{background:var(--ofs-danger-bg);color:var(--ofs-danger)}.ofs-issue--ok{background:var(--ofs-ok-bg);color:var(--ofs-ok)}.ofs-issue--warn{background:var(--ofs-warn-bg);color:var(--ofs-warn)}.ofs-issue--danger{background:var(--ofs-danger-bg);color:var(--ofs-danger)}.ofs-stage{background:var(--bg-surface-2);color:var(--text-2)}.ofs-stage--closed{background:var(--ofs-ok-bg);color:var(--ofs-ok)}.ofs-stage--stale{background:var(--ofs-warn-bg);color:var(--ofs-warn)}.ofs-cell{text-align:right;font-variant-numeric:tabular-nums;border-radius:5px;min-width:56px;padding:2px 6px;display:inline-block}.ofs-cell--ok{background:var(--ofs-ok-bg);color:var(--ofs-ok)}.ofs-cell--below{background:var(--ofs-warn-bg);color:var(--ofs-warn);font-weight:600}.ofs-cell--stockout{background:var(--ofs-danger-bg);color:var(--ofs-danger);font-weight:700}.ofs-cell--neg{color:var(--ofs-danger);font-weight:600}.ofs-kpi-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;display:grid}@media (max-width:1280px){.ofs-kpi-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.ofs-kpi{background:var(--bg-surface);border:1px solid var(--border);border-top:3px solid var(--border-strong);border-radius:12px;padding:12px 14px}.ofs-kpi--good{border-top-color:var(--ofs-ok)}.ofs-kpi--good .ofs-kpi-value{color:var(--ofs-ok)}.ofs-kpi--warn{border-top-color:var(--ofs-warn)}.ofs-kpi--warn .ofs-kpi-value{color:var(--ofs-warn)}.ofs-kpi--danger{border-top-color:var(--ofs-danger)}.ofs-kpi--danger .ofs-kpi-value{color:var(--ofs-danger)}.ofs-kpi-label{color:var(--text-3);font-size:11px;font-weight:600}.ofs-kpi-value{letter-spacing:-.02em;color:var(--text);margin-top:2px;font-size:22px;font-weight:800}.ofs-kpi-sub{color:var(--text-3);margin-top:2px;font-size:11px}.ofs-bar{background:var(--bg-surface-2);border-radius:4px;height:8px;display:flex;overflow:hidden}.ofs-bar>span{height:100%}.ofs-bar .ok{background:var(--ofs-ok)}.ofs-bar .below{background:var(--ofs-warn)}.ofs-bar .stockout{background:var(--ofs-danger)}.ofs-table{border-collapse:collapse;width:100%;font-size:12.5px}.ofs-table th{text-align:left;color:var(--text-3);border-bottom:1px solid var(--border);white-space:nowrap;padding:6px 8px;font-size:11px;font-weight:700}.ofs-table td{border-bottom:1px solid var(--border);color:var(--text);padding:6px 8px}.ofs-table .num{text-align:right;font-variant-numeric:tabular-nums}.ofs-table tr.is-hit td{background:var(--ofs-danger-bg)}.ofs-table tr.is-clickable{cursor:pointer}.ofs-table tr.is-clickable:hover td{background:var(--bg-hover)}.ofs-notice{border:1px solid;border-radius:10px;padding:10px 14px;font-size:12.5px;line-height:1.5}.ofs-notice--warn{background:var(--ofs-warn-bg);border-color:color-mix(in srgb, var(--ofs-warn) 35%, transparent);color:var(--text)}.ofs-notice--danger{background:var(--ofs-danger-bg);border-color:color-mix(in srgb, var(--ofs-danger) 35%, transparent);color:var(--text)}.ofs-notice--info{background:var(--ofs-info-bg);border-color:color-mix(in srgb, var(--ofs-info) 35%, transparent);color:var(--text)}.ofs-empty{color:var(--text-3);border:1px dashed var(--border-strong);border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:40px 16px;font-size:13px;display:flex}.ofs-modal-backdrop{z-index:50;background:#00000061;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.ofs-modal{background:var(--bg-surface);border:1px solid var(--border);width:100%;max-width:560px;max-height:90vh;box-shadow:var(--shadow);color:var(--text);border-radius:14px;padding:22px;overflow:auto}.ofs-modal--wide{max-width:940px}.ofs-modal-title{margin:0 0 14px;font-size:16px;font-weight:800}.ofs-modal-actions{justify-content:space-between;align-items:center;gap:8px;margin-top:18px;display:flex}.ofs-matrix{border:1px solid var(--border);background:var(--bg-surface);border-radius:10px;flex:1;min-height:0;overflow:auto}.ofs-matrix table{border-collapse:separate;border-spacing:0;min-width:max-content;font-size:12.5px}.ofs-matrix th{z-index:2;background:var(--bg-surface-2);color:var(--text-2);border-bottom:1px solid var(--border);text-align:right;white-space:nowrap;padding:6px 8px;font-size:11.5px;font-weight:700;position:sticky;top:0}.ofs-matrix th .sub{color:var(--text-3);font-size:10px;font-weight:500;display:block}.ofs-matrix td{border-bottom:1px solid var(--border);white-space:nowrap;padding:3px 6px}.ofs-matrix .sticky-1,.ofs-matrix .sticky-2{background:var(--bg-surface);z-index:1;text-align:left;position:sticky}.ofs-matrix .sticky-1{left:0}.ofs-matrix .sticky-2{left:130px}.ofs-matrix th.sticky-1,.ofs-matrix th.sticky-2{z-index:3;background:var(--bg-surface-2)}.ofs-matrix input{text-align:right;width:76px;height:26px;color:var(--text);font-variant-numeric:tabular-nums;background:0 0;border:1px solid #0000;border-radius:5px;padding:0 6px;font-family:inherit;font-size:12.5px}.ofs-matrix input:hover{border-color:var(--border-strong)}.ofs-matrix input:focus{border-color:var(--brand);background:var(--bg-surface-2);outline:none}.ofs-matrix td.is-dirty input{background:var(--ofs-info-bg);border-color:color-mix(in srgb, var(--ofs-info) 40%, transparent)}.ofs-matrix td.is-invalid input{border-color:var(--ofs-danger);background:var(--ofs-danger-bg)}.ofs-matrix td.is-forecast input{color:var(--text-3);font-style:italic}.ofs-matrix .total{text-align:right;font-variant-numeric:tabular-nums;color:var(--text-2);font-weight:700}.ofs-matrix tfoot td{background:var(--bg-surface-2);text-align:right;font-variant-numeric:tabular-nums;font-weight:700;position:sticky;bottom:0}.ofs-flow{width:100%;overflow-x:auto}.ofs-flow svg{width:100%;min-width:760px;height:auto;display:block}.ofs-flow .box{fill:var(--bg-surface);stroke:var(--border-strong)}.ofs-flow .box--accent{fill:color-mix(in srgb, var(--demo) 10%, transparent);stroke:var(--demo)}.ofs-flow .box--wms{fill:color-mix(in srgb, var(--ofs-single) 10%, transparent);stroke:var(--ofs-single)}.ofs-flow .box--oms{fill:color-mix(in srgb, var(--ofs-set) 10%, transparent);stroke:var(--ofs-set)}.ofs-flow .box--ext{fill:var(--bg-surface-2);stroke:var(--border-strong);stroke-dasharray:5 3}.ofs-flow .lane{fill:none;stroke:var(--border);stroke-dasharray:4 4}.ofs-flow .t{fill:var(--text);font-size:12px;font-weight:700}.ofs-flow .s{fill:var(--text-3);font-size:10px}.ofs-flow .lane-t{fill:var(--text-2);font-size:11px;font-weight:700}.ofs-flow .edge-label-bg{fill:var(--bg-surface);opacity:.9}.ofs-flow .edge{stroke:var(--text-3);stroke-width:1.6px;fill:none;marker-end:url(#demoArrow)}.ofs-flow .edge--alt{stroke:var(--ofs-warn);stroke-dasharray:5 3}.ofs-flow a.node{cursor:pointer}.ofs-flow a.node:hover .box{stroke-width:2.2px}.ofs-flow-lane{grid-template-columns:104px 1fr;align-items:start;gap:12px;display:grid}.ofs-flow-lane+.ofs-flow-lane{margin-top:12px}.ofs-flow-role{color:var(--text-2);background:var(--bg-surface-2);text-align:center;border-radius:8px;padding:10px 8px;font-size:12px;font-weight:800}.ofs-flow-steps{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;display:grid}@media (max-width:1100px){.ofs-flow-steps{grid-template-columns:repeat(2,1fr)}}.ofs-flow-step{border:1px solid var(--border);background:var(--bg-surface);border-radius:10px;padding:9px 11px;text-decoration:none;display:block}.ofs-flow-step:hover{border-color:var(--demo);background:var(--bg-hover)}.ofs-flow-step .t{color:var(--text);font-size:12.5px;font-weight:700}.ofs-flow-step .d{color:var(--text-3);margin-top:3px;font-size:11px;line-height:1.4}.ofs-flow-step .m{color:var(--text-2);flex-wrap:wrap;gap:5px;margin-top:5px;font-size:10.5px;display:flex}.ofs-board{grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;display:grid}@media (max-width:1200px){.ofs-board{grid-template-columns:repeat(3,minmax(0,1fr))}}.ofs-board-col{background:var(--bg-surface-2);border:1px solid var(--border);border-radius:10px;min-height:120px;padding:10px}.ofs-board-col h4{color:var(--text-2);justify-content:space-between;margin:0 0 8px;font-size:11.5px;font-weight:800;display:flex}.ofs-board-card{background:var(--bg-surface);border:1px solid var(--border);cursor:pointer;border-radius:8px;margin-bottom:7px;padding:8px 10px}.ofs-board-card:hover{border-color:var(--demo)}.ofs-board-card.is-active{border-color:var(--demo);box-shadow:0 0 0 2px color-mix(in srgb, var(--demo) 25%, transparent)}.ofs-board-card .no{color:var(--text);font-size:12px;font-weight:700}.ofs-board-card .meta{color:var(--text-3);margin-top:3px;font-size:10.5px}.ofs-bom{font-size:12.5px}.ofs-bom-row{border-bottom:1px solid var(--border);grid-template-columns:1fr 90px 90px 90px;align-items:center;gap:8px;padding:5px 8px;display:grid}.ofs-bom-row.is-short{background:var(--ofs-danger-bg)}.ofs-bom-row .num{text-align:right;font-variant-numeric:tabular-nums}.ofs-bom-head{color:var(--text-3);font-size:11px;font-weight:700}.ofs-form-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px 14px;display:grid}@media (max-width:700px){.ofs-form-grid{grid-template-columns:1fr}}.ofs-form-grid .ofs-field.is-full{grid-column:1/-1}.ofs-field--check{justify-content:center}.ofs-field--check input[type=checkbox]{accent-color:var(--demo);width:15px;height:15px}.ofs-field-static{color:var(--text);padding:6px 0;font-size:13px;font-weight:500}.ofs-textarea{resize:vertical;height:66px;padding:7px 10px;line-height:1.45}.ofs-helper{border:1px solid var(--border);background:var(--bg-surface-2);border-radius:10px;margin-bottom:14px;padding:12px 14px}.ofs-helper .ofs-table td,.ofs-helper .ofs-table th{border-bottom-color:color-mix(in srgb, var(--border) 60%, transparent)}.ofs-matrix .cellw{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.ofs-matrix td.is-readonly{text-align:right}.ofs-matrix td.is-readonly .ro{min-width:76px;color:var(--text-3);font-variant-numeric:tabular-nums;padding:0 6px;display:inline-block}.ofs-matrix tfoot td.sticky-1,.ofs-matrix tfoot td.sticky-2{z-index:2;text-align:left}.ofs-split{flex:1;grid-template-columns:minmax(0,1fr) 320px;gap:16px;min-height:0;display:grid}.ofs-split>*{min-width:0;min-height:0}.ofs-side{overflow:auto}@media (max-width:1200px){.ofs-split{grid-template-columns:1fr}}.ofs-cell-actions{gap:5px;display:flex}.ofs-cell-actions .ofs-btn{height:22px;padding:0 8px;font-size:11px}.ofs-matrix th.sticky-1,.ofs-matrix td.sticky-1,.ofs-matrix th.sticky-2,.ofs-matrix td.sticky-2{padding-left:8px;padding-right:8px}.ofs-abc--a{background:color-mix(in srgb, var(--ofs-danger) 14%, transparent);color:var(--ofs-danger);font-weight:700}.ofs-abc--b{background:color-mix(in srgb, var(--ofs-warn) 14%, transparent);color:var(--ofs-warn);font-weight:700}.ofs-abc--c{background:var(--bg-surface-2);color:var(--text-3);font-weight:600}