:root{--bg: #f5f5f2;--surface: #ffffff;--panel: #fffaf6;--line: #d9d4cc;--text: #1a1a1a;--muted: #666666;--hint: #888888;--accent: #2b5e8a;--accent-border: #224e74;--warn-bg: #fff0e0;--warn-row: #fff0e0;--danger: #b91c1c;--font: "Segoe UI", Tahoma, sans-serif;--fs-body: 12px;--fs-ui: 12px;--fs-label: 12px;--fs-header: 20px;--fs-section: 16px;--fs-detail: 12px;--control-h: 24px;--row-h: 24px}*{box-sizing:border-box}html{font-size:var(--fs-body);height:100%}body{margin:0;height:100%;overflow:hidden;font-family:var(--font);font-size:var(--fs-body);color:var(--text);background:var(--bg)}#root{height:100%;overflow:hidden}button,input,select,textarea{font-family:inherit;font-size:var(--fs-ui)}input,select,textarea{height:var(--control-h);border:1px solid var(--line);border-radius:2px;padding:2px 6px;background:#fff;color:var(--text)}textarea{height:auto;min-height:48px;padding:4px 6px}select{min-width:120px}.panel{background:var(--surface);border:1px solid var(--line)}.padded{padding:20px}.btn{display:inline-flex;align-items:center;justify-content:center;height:var(--control-h);padding:4px 10px;margin:0 6px 0 0;border:1px solid var(--line);border-radius:2px;background:#fff;color:var(--text);cursor:pointer;white-space:nowrap;font-size:var(--fs-ui)}.btn:hover:not(:disabled){background:#f5f5f5}.btn:disabled{opacity:.5;cursor:default}.btn.primary{background:var(--accent);color:#fff;border-color:var(--accent-border)}.btn.primary:hover:not(:disabled){background:#234a6d}.btn.danger{color:var(--danger)}.btn.sm{height:24px;padding:2px 8px;font-size:var(--fs-ui)}.btn.block{width:100%;margin-top:12px}.btn-row{display:flex;flex-wrap:wrap;align-items:center;gap:0;margin-top:8px}.hint{color:var(--hint);font-size:var(--fs-ui)}.api-error-banner{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 12px 8px;padding:10px 14px;background:#fef2f2;border:1px solid #fecaca;color:#991b1b;border-radius:6px;font-size:var(--fs-body)}.toast-host{position:fixed;top:72px;right:16px;z-index:10000;display:flex;flex-direction:column;gap:8px;max-width:min(420px,calc(100vw - 32px));pointer-events:none}.toast{pointer-events:auto;display:flex;align-items:flex-start;gap:10px;padding:12px 14px;border-radius:8px;box-shadow:0 8px 24px #00000024;border:1px solid transparent;font-size:var(--fs-body);animation:toast-in .2s ease-out}@keyframes toast-in{0%{opacity:0;transform:translate(12px)}to{opacity:1;transform:translate(0)}}.toast-body{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.toast-title{font-weight:600;font-size:.85em}.toast-message{word-break:break-word}.toast-close{flex-shrink:0;border:none;background:transparent;font-size:1.25rem;line-height:1;cursor:pointer;opacity:.65;padding:0 2px}.toast-close:hover{opacity:1}.toast-success{background:#ecfdf5;border-color:#a7f3d0;color:#065f46}.toast-error{background:#fef2f2;border-color:#fecaca;color:#991b1b}.toast-info{background:#eff6ff;border-color:#bfdbfe;color:#1e40af}.jobs-list .muted{color:var(--text-muted, #666);font-size:12px}.error-text{color:var(--danger);font-size:var(--fs-ui)}.checkbox-row{display:flex;align-items:center;gap:6px;margin:4px 0;font-size:var(--fs-ui);color:var(--text)}.checkbox-row input{width:auto;height:auto}.login-page{height:100%;min-height:100vh;overflow:auto;display:flex;align-items:center;justify-content:center;background:var(--bg)}.login-card{width:100%;max-width:360px;padding:24px;background:#fff;border:1px solid var(--line)}.login-card h1{margin:0 0 4px;font-size:var(--fs-header);font-weight:600}.subtitle{color:var(--muted);margin:0 0 16px;font-size:var(--fs-ui)}.login-card .field-label{display:block;margin-top:10px;font-size:var(--fs-label);color:var(--text)}.login-card input{width:100%;margin-top:4px}.app-shell{display:flex;flex-direction:column;height:100%;min-height:0;overflow:hidden;background:var(--bg)}.app-header{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background:var(--bg);border-bottom:1px solid var(--line);flex-shrink:0}.app-header-left{display:flex;align-items:center;gap:12px;min-width:0}.app-logo{height:40px;width:auto;flex-shrink:0;display:block}.app-title{margin:0;font-size:var(--fs-header);font-weight:600;line-height:1.2}.header-right{display:flex;align-items:center;gap:12px}.user-badge{font-size:var(--fs-ui);color:#555}.tab-nav{display:flex;gap:0;padding:0 8px;background:#fff;border-bottom:1px solid var(--line);flex-shrink:0}.tab-nav button{border:none;border-bottom:2px solid transparent;background:transparent;padding:8px 16px;cursor:pointer;font-size:var(--fs-ui);font-weight:400;color:var(--text);border-radius:0;margin:0;height:auto}.tab-nav button.active{border-bottom-color:var(--accent);color:var(--accent);font-weight:600;background:transparent}.app-main{flex:1;padding:8px;overflow:hidden;display:flex;flex-direction:column;min-height:0}.tab-layout{flex:1;display:flex;flex-direction:column;min-height:0;overflow:hidden;gap:6px}.tab-layout .toolbar{flex-shrink:0}.tab-information .split-main,.tab-recs .split-main{flex:1;min-height:0;overflow:hidden}.tab-information .split-table,.tab-recs .split-table{overflow:auto;overscroll-behavior:contain}.tab-information .split-table .table-wrap,.tab-recs .split-table .table-wrap{height:auto;min-height:0}.tab-information .detail-panel,.tab-recs .detail-panel{min-height:0;overflow:auto;overscroll-behavior:contain}.tab-rules .rules-layout{flex:1;min-height:0}.tab-rules .rules-list{flex:1;min-height:0;overflow:auto;display:flex;flex-direction:column}.tab-rules .rules-editor{min-height:0;overflow:auto}.toolbar{padding:8px;background:#fff;border:1px solid var(--line);border-bottom:none;margin-bottom:0}.toolbar-information{display:flex;flex-wrap:wrap;align-items:flex-start;gap:8px 16px}.toolbar-information-main{flex:1 1 480px;min-width:0}.toolbar-information-preset{flex:0 0 auto;align-self:flex-start;padding-top:2px}.toolbar-information-preset .filter-field{flex-direction:column;align-items:flex-start;margin-right:0}.toolbar-information-preset .preset-select{min-width:11rem}.toolbar-information-actions{flex:1 1 100%;margin-top:0}.filter-row{display:flex;flex-wrap:wrap;align-items:center;gap:0;margin-bottom:8px}.filter-row:last-child{margin-bottom:0}.toolbar-row{display:flex;flex-wrap:wrap;align-items:center;margin-bottom:8px}.toolbar-row>label{font-size:var(--fs-label);color:var(--text);margin-right:6px;white-space:nowrap}.toolbar-row>label:not(:first-child){margin-left:4px}.toolbar-row select,.toolbar-row input:not([type=checkbox]){margin-right:16px;margin-bottom:4px}.toolbar-row .hint{margin-left:12px}.filter-field{display:inline-flex;align-items:center;margin-right:16px;margin-bottom:4px}.filter-label{font-size:var(--fs-label);color:var(--text);margin-right:6px;white-space:nowrap}.filter-field input,.filter-field select{margin-right:0}.filter-field input[type=text]{width:200px}.filter-field input[type=date]{width:120px}.split-main{flex:1;display:grid;grid-template-columns:1fr 5px 300px;min-height:0;border:1px solid var(--line);background:#fff}.split-table{min-height:0;overflow:auto;min-width:0}.splitter{background:var(--line);cursor:col-resize}.detail-panel{padding:8px;overflow:auto;background:var(--panel);border-left:1px solid var(--line);font-size:var(--fs-detail)}.detail-panel h3,.detail-panel h4{margin:0 0 8px;font-size:var(--fs-ui);font-weight:600}.detail-panel h4{margin-top:8px}.detail-line{margin:2px 0;font-size:var(--fs-detail);line-height:1.4;word-wrap:break-word}.detail-list{margin:0;padding-left:18px;font-size:var(--fs-detail)}.detail-actions{margin-top:10px;display:flex;flex-wrap:wrap;gap:0}.narrative{white-space:pre-wrap;font-size:var(--fs-detail);background:#fff;padding:6px;border:1px solid #eee;max-height:200px;overflow:auto;margin:6px 0}.table-wrap{height:100%;min-height:120px}.data-table{width:100%;border-collapse:collapse;font-size:var(--fs-body)}.data-table th.col-pinned,.data-table td.col-pinned{position:sticky;z-index:2;background:var(--panel-bg, #fff);box-shadow:2px 0 4px #0000000f}.data-table thead th.col-pinned{z-index:3}.column-chooser-row{display:flex;align-items:center;justify-content:space-between;gap:8px}.column-chooser-row .pin-toggle{font-size:.85rem;opacity:.85}.product-thumb{display:block;max-width:100%;max-height:220px;margin-top:12px;border-radius:6px;object-fit:contain}.data-table th{position:sticky;top:0;background:#f8f8f8;text-align:left;padding:4px 8px;border-bottom:1px solid var(--line);font-weight:600;font-size:var(--fs-body);white-space:nowrap;z-index:1;-webkit-user-select:none;user-select:none}.data-table th.th-sortable{cursor:pointer}.data-table th.th-sortable:hover{background:#eef3f8}.data-table th .sort-indicator{color:var(--accent);font-size:10px}.data-table th.col-check{width:28px;cursor:default}.data-table td{padding:2px 8px;border-bottom:1px solid #f0f0f0;white-space:nowrap;height:var(--row-h);font-size:var(--fs-body);vertical-align:middle}.rec-table-wrap .data-table tbody tr,.rec-table-wrap .data-table td{height:34px}.data-table tbody tr{cursor:pointer}.data-table tbody tr:nth-child(2n){background:#fafafa}.data-table tbody tr:hover{background:#f0f4f8}.data-table tr.row-selected{background:#e8f0f8!important}.data-table tr.row-highlight{background:var(--warn-row)!important}.data-table .cell-actions{display:flex;gap:4px}.data-table .cell-actions .btn{margin:0;padding:2px 6px;height:22px;font-size:11px}.cell-warn{background:var(--warn-bg)}.cell-muted{color:var(--muted)}.table-empty{padding:24px;text-align:center;color:var(--muted);font-size:var(--fs-ui)}.tab-layout>.rules-layout{display:grid;grid-template-columns:minmax(480px,540px) 5px 1fr;gap:0;min-height:0;flex:1;border:1px solid var(--line);background:#fff}.rules-layout{display:grid;grid-template-columns:minmax(480px,540px) 5px 1fr;gap:0;min-height:0;flex:1;border:1px solid var(--line);background:#fff}.rules-list{padding:8px;min-height:0;overflow:auto;display:flex;flex-direction:column}.rules-editor{padding:4px;min-height:0;overflow:auto;border-left:1px solid var(--line)}.rules-editor-scroll{display:flex;flex-direction:column;gap:4px;font-size:var(--fs-ui)}.rules-editor-scroll>label,.rules-editor-scroll>.field-label{margin-top:6px;font-size:var(--fs-label)}.rules-editor-scroll h3{font-size:var(--fs-section);font-weight:600;margin:0 0 8px}.rules-editor-scroll h4{font-size:var(--fs-ui);font-weight:600;margin:10px 0 4px}.rules-editor-scroll input:not([type=checkbox]),.rules-editor-scroll select{max-width:480px;width:100%}.field-label{display:block;font-size:var(--fs-label);margin-top:6px;color:var(--text)}.rule-group{border:1px solid #cfcfcf;border-radius:0;padding:8px;margin:5px 0;background:#fafafa}.rule-group.depth-1{margin-left:12px}.rule-group.depth-2{margin-left:24px}.rule-group.depth-3{margin-left:36px}.rule-group-header{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin-bottom:4px}.rule-condition-row{display:flex;flex-wrap:wrap;gap:6px;align-items:center;padding:6px;margin:3px 0;background:#fff;border:1px solid #dcdcdc}.rule-condition-row select{width:290px;max-width:100%}.rule-condition-row select.op{width:130px}.rule-condition-row input.val{width:140px}.rule-group-toolbar{display:flex;flex-wrap:wrap;gap:0;margin-bottom:4px}.calc-row,.action-block{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin:2px 0}.action-block{border:1px solid #ddd;padding:6px;background:#fff;flex-direction:column;align-items:stretch;max-width:520px}.action-block .action-grid{display:grid;grid-template-columns:auto 1fr;gap:4px 8px;align-items:center;width:100%}.logic-preview{font-size:var(--fs-detail);color:#333;margin:4px 0}.settings-page{flex:1;min-height:0;overflow:auto;display:flex;flex-direction:column;gap:8px;padding:4px}.group-box{border:1px solid var(--line);background:#fff;padding:8px;margin:0 0 8px}.group-box legend{font-size:var(--fs-ui);font-weight:600;padding:0 4px;color:var(--text)}.group-box .hint-block{color:#555;font-size:var(--fs-ui);margin-bottom:8px;line-height:1.4}.group-inner{margin-left:24px}.cabinet-form{margin-top:12px;max-width:480px}.users-table-wrap{margin-top:8px}.user-list{list-style:none;padding:0;margin:8px 0;font-size:var(--fs-ui)}.user-list li{display:flex;align-items:center;gap:8px;padding:4px 0}.shared-sheets-block{margin-top:12px}.context-menu{position:fixed;z-index:9000;background:#fff;border:1px solid var(--line);box-shadow:2px 4px 12px #00000026;min-width:180px;padding:4px 0}.context-menu button{display:block;width:100%;text-align:left;border:none;background:none;padding:6px 12px;margin:0;height:auto;font-size:var(--fs-ui);border-radius:0}.context-menu button:hover:not(:disabled){background:#e8f0f8}.context-menu hr{margin:4px 0;border:none;border-top:1px solid var(--line)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;display:flex;align-items:center;justify-content:center;z-index:10000;padding:16px}.modal{background:#fff;border:1px solid var(--line);display:flex;flex-direction:column;max-height:calc(100vh - 32px);font-size:var(--fs-ui);box-shadow:0 8px 32px #0003}.modal-sm{width:100%;max-width:420px}.modal-md{width:100%;max-width:520px}.modal-lg{width:100%;max-width:760px}.modal-xl{width:100%;max-width:920px}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid var(--line);flex-shrink:0}.modal-header h3{margin:0;font-size:var(--fs-section);font-weight:600}.modal-close{border:none;background:none;font-size:22px;line-height:1;cursor:pointer;color:#666;padding:0 4px;height:auto;margin:0}.modal-close:hover{color:var(--text)}.modal-body{padding:12px 16px;overflow:auto;flex:1;min-height:0}.modal-message{margin:0;line-height:1.45;white-space:pre-wrap}.detail-metrics{margin:8px 0;padding:8px;background:#f3f3f0;border:1px solid var(--line);border-radius:4px}.modal-footer{display:flex;justify-content:flex-end;gap:8px;padding:12px 16px;border-top:1px solid var(--line);flex-shrink:0}.modal-tabs{display:flex;gap:0;border-bottom:1px solid var(--line);margin:8px 0 12px}.modal-tabs button{border:none;border-bottom:2px solid transparent;background:transparent;padding:8px 14px;margin:0;height:auto;cursor:pointer;font-size:var(--fs-ui);border-radius:0}.modal-tabs button.active{border-bottom-color:var(--accent);color:var(--accent);font-weight:600}.modal-tab-panel{min-height:200px}.form-grid{display:grid;grid-template-columns:140px 1fr;gap:6px 12px;align-items:center;margin-bottom:12px}.form-grid .field-label{margin:0}.group-box.inner{margin-top:8px}.mapping-table input,.mapping-table select{width:100%}.formula-editor{margin-top:12px;padding-top:12px;border-top:1px solid var(--line)}.formula-editor textarea{width:100%;min-height:96px}.column-chooser-list{max-height:50vh;overflow:auto}.column-chooser-list label{display:flex;align-items:center;gap:8px;padding:4px 0;font-size:var(--fs-ui);color:var(--text)}.modal-actions{margin-top:12px}hr.sep{border:none;border-top:1px solid var(--line);margin:10px 0}@media(max-width:1000px){.split-main{grid-template-columns:1fr}.splitter,.detail-panel{display:none}.rules-layout{grid-template-columns:1fr}}