:root{--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--space-7: 48px;--hub-accent: #8f0705;--hub-accent-dark: #6d0504;--hub-bg: #f4f5f7;--hub-surface: #ffffff;--hub-line: #e1e5eb;--hub-text: #201c1b;--hub-muted: #667085;--hub-soft: #98a2b3;--hub-success: #147a3d;--hub-warn: #a45a08;--hub-danger: #b42318;--hub-radius: 16px;--control-radius: 10px;--control-height: 40px;--control-height-compact: 32px;--hub-shadow: 0 18px 54px rgba(15, 23, 42, .08);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:var(--hub-text);background:var(--hub-bg)}*{box-sizing:border-box}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}input,select,textarea{width:100%;min-height:var(--control-height);border:1px solid var(--hub-line);border-radius:var(--control-radius);padding:0 var(--space-3);background:var(--hub-surface);color:var(--hub-text);outline:none;font-size:14px}input,select,.button{height:var(--control-height)}textarea{padding-top:var(--space-3);padding-bottom:var(--space-3);height:auto;min-height:calc(var(--control-height) * 2);resize:vertical}select{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding-right:36px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23667085' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat}input:focus,select:focus,textarea:focus{border-color:#c88987;box-shadow:0 0 0 3px #fae9e8}.field{display:grid;align-content:start;gap:var(--space-2);min-width:0;color:var(--hub-muted);font-size:12px}.field-label{line-height:1.2}.field-message{color:var(--hub-soft);font-size:11px;line-height:1.35}.field-message.error-text{color:var(--hub-danger)}.button{min-height:var(--control-height);border:1px solid transparent;border-radius:var(--control-radius);padding:0 var(--space-4);font-size:14px;font-weight:650;white-space:nowrap;transition:background .15s ease,border-color .15s ease,color .15s ease}.button.primary{color:#fff;background:var(--hub-accent)}.button.primary:hover{background:var(--hub-accent-dark)}.button.secondary{color:var(--hub-accent);background:#fff;border-color:#e5b9b7}.button.secondary:hover{background:#fff7f7}.button.ghost,.button.quiet{color:var(--hub-muted);background:transparent;border-color:transparent}.button.small{min-height:var(--control-height-compact);height:var(--control-height-compact);padding:0 var(--space-3);font-size:12px}.button.icon-button{width:var(--control-height);padding:0;display:inline-grid;place-items:center}.button.wide{width:100%}.toggle{position:relative;display:inline-flex;align-items:center;gap:var(--space-2);color:var(--hub-muted);font-size:13px;cursor:pointer}.toggle input{position:absolute;opacity:0;width:1px;height:1px;min-height:1px}.toggle-track{width:36px;height:22px;padding:2px;display:flex;align-items:center;border-radius:999px;background:#d6dae1;transition:background .15s ease}.toggle-thumb{width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #0002;transition:transform .15s ease}.toggle input:checked+.toggle-track{background:var(--hub-accent)}.toggle input:checked+.toggle-track .toggle-thumb{transform:translate(14px)}.checkbox{display:inline-flex;align-items:center;gap:var(--space-2);color:var(--hub-muted);font-size:13px}.checkbox input{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:18px;height:18px;min-height:18px;padding:0;border-radius:5px;border-color:#b9c0ca;display:grid;place-items:center}.checkbox input:checked{background:var(--hub-accent);border-color:var(--hub-accent)}.checkbox input:checked:after{content:"✓";color:#fff;font-size:12px;line-height:1}.error-text{color:var(--hub-danger);font-size:12px}.link-button{width:fit-content;padding:0;border:0;color:var(--hub-accent);background:transparent;text-decoration:underline;cursor:pointer}body{min-width:960px;margin:0;background:var(--hub-bg)}h1,h2,h3,p{margin-top:0}h1{margin-bottom:0;font-size:28px;line-height:1.1;letter-spacing:-.02em}h2{margin-bottom:var(--space-5);font-size:22px;line-height:1.2}h3{margin-bottom:var(--space-4);font-size:15px;line-height:1.25}.app-shell{display:flex;min-height:100vh}.sidebar{width:244px;padding:var(--space-6) var(--space-4);display:flex;flex:none;flex-direction:column;background:var(--hub-surface);border-right:1px solid var(--hub-line)}.brand{padding:0 var(--space-3) var(--space-7);color:var(--hub-accent);font-size:15px;font-weight:800;letter-spacing:.08em}.brand span{color:var(--hub-muted);font-weight:500}.navigation{display:grid;gap:var(--space-1)}.nav-item{width:100%;min-height:42px;display:flex;align-items:center;gap:var(--space-3);padding:0 var(--space-3);border:0;border-radius:10px;color:var(--hub-muted);background:transparent;text-align:left}.nav-item span{width:18px;height:18px;display:inline-grid;place-items:center;color:var(--hub-soft)}.nav-item.active,.nav-item:hover{color:var(--hub-accent);background:#fbeeed;font-weight:650}.nav-item.active span,.nav-item:hover span{color:currentColor}.sidebar-bottom{display:grid;gap:var(--space-4);margin-top:auto;padding:var(--space-3);color:var(--hub-muted);font-size:12px}.connection-status{display:flex;align-items:center;gap:var(--space-2)}.status-dot{width:8px;height:8px;flex:none;border-radius:50%;background:#d48a13}.connection-status.connected .status-dot{background:var(--hub-success)}.logout{display:flex;align-items:center;gap:var(--space-2);padding:0;border:0;color:var(--hub-muted);background:transparent;text-align:left}.profile-summary{display:grid;gap:var(--space-1);padding-top:var(--space-4);border-top:1px solid var(--hub-line)}.profile-summary strong{color:var(--hub-text);font-size:13px}.profile-summary small{color:var(--hub-soft);font-size:11px}.main-content{flex:1;min-width:0}.page-header{min-height:108px;display:flex;align-items:center;justify-content:space-between;gap:var(--space-5);padding:var(--space-6) var(--space-6)}.screen-panel{margin:0 var(--space-5) var(--space-5);padding:var(--space-6);background:var(--hub-surface);border:1px solid var(--hub-line);border-radius:var(--hub-radius);box-shadow:var(--hub-shadow)}.panel-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--space-5);margin-bottom:var(--space-5)}.panel-heading h2{margin-bottom:0}.panel-heading.table-toolbar{justify-content:flex-end}.search-box{display:flex;align-items:center;gap:var(--space-2)}.search-box input{width:240px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;font-size:13px}th,td{padding:var(--space-3);border-bottom:1px solid var(--hub-line);text-align:left}th{color:var(--hub-soft);font-size:11px;font-weight:650}tbody tr.clickable{cursor:pointer}tbody tr.clickable:hover{background:snow}tbody tr.offer-focus{background:#fff8f8;box-shadow:inset 3px 0 var(--hub-accent)}.muted,.role-label{color:var(--hub-muted)}.pill,.badge{display:inline-flex;align-items:center;min-height:24px;padding:0 var(--space-2);border-radius:999px;color:var(--hub-muted);background:#f2f4f7;font-size:11px;font-style:normal;white-space:nowrap}.pill.success,.badge.success{color:var(--hub-success);background:#eaf7ef}.pill.warning,.badge.warning{color:var(--hub-warn);background:#fff5e6}.pill.danger,.badge.danger{color:var(--hub-danger);background:#fcebea}.drawer-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10;display:flex;justify-content:flex-end;background:#18202b33}.drawer{width:min(520px,100%);height:100%;overflow:auto;padding:var(--space-6);background:#fff;box-shadow:-12px 0 36px #18202b1f}.drawer-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4);margin-bottom:var(--space-5)}.drawer-content{display:grid;gap:var(--space-5)}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);margin-bottom:var(--space-4)}@media(max-width:1150px){.sidebar{width:210px}.screen-panel{margin-left:var(--space-4);margin-right:var(--space-4)}.page-header{padding-left:var(--space-5);padding-right:var(--space-5)}}.empty-state-panel{min-height:160px;display:grid;place-items:center;align-content:center;gap:var(--space-2);padding:var(--space-6);border:1px dashed #cbd2dc;border-radius:var(--control-radius);color:var(--hub-muted);text-align:center}.empty-state-panel svg{color:var(--hub-soft)}.empty-state-panel strong{color:var(--hub-text);font-size:14px}.empty-state-panel p{max-width:420px;margin-bottom:0;color:var(--hub-muted);font-size:12px}.error-state{display:grid;justify-items:center;gap:var(--space-2);padding:var(--space-6);color:var(--hub-danger);text-align:center}.error-state p{margin-bottom:var(--space-3);color:var(--hub-muted);font-size:12px}.skeleton{display:block;min-height:16px;border-radius:6px;background:linear-gradient(90deg,#edf0f3 25%,#f7f8f9,#edf0f3 75%);background-size:200% 100%;animation:shimmer 1.3s infinite}.resource-skeleton{display:grid;gap:var(--space-3)}.skeleton-row{height:48px}@keyframes shimmer{to{background-position:-200% 0}}.login-page{min-height:100vh;display:grid;place-items:center;background:var(--hub-bg)}.login-card{width:390px;padding:var(--space-7);border-radius:22px;background:#fff;box-shadow:var(--hub-shadow)}.login-card .brand{padding:0 0 var(--space-7)}.login-card h1{margin-bottom:var(--space-2);font-size:24px}.login-card .field{margin-top:var(--space-4)}.login-form .button{width:100%;margin-top:var(--space-5)}.loading-screen{min-height:100vh;display:grid;place-items:center;color:var(--hub-muted)}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-5)}.settings-card{padding:var(--space-5);border:1px solid var(--hub-line);border-radius:13px}.settings-tab-card{min-height:320px}.settings-card+.settings-card{margin-top:var(--space-5)}.connection-row,.user-row,.journal-row{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4) 0;border-top:1px solid var(--hub-line)}.connection-row>div,.user-row>div,.journal-row>div{flex:1;min-width:0}.connection-row strong,.user-row strong,.journal-row strong{display:block;margin-bottom:var(--space-1);font-size:13px}.connection-row small,.user-row small,.journal-row small{display:block;color:var(--hub-soft);font-size:11px}.panel-heading .tabs{align-self:flex-start}.screen-panel>.filter-row{margin-top:var(--space-4);margin-bottom:var(--space-4)}.screen-panel>.filter-row select{max-width:280px}.tabs{display:flex;gap:var(--space-1)}.tab{min-height:var(--control-height-compact);padding:0 var(--space-3);border:0;border-radius:8px;color:var(--hub-muted);background:#f4f5f7;font-size:12px}.tab.active{color:var(--hub-accent);background:#fbeeed;font-weight:650}.journal-icon{width:32px;height:32px;display:grid;flex:none;place-items:center;border-radius:9px;color:var(--hub-accent);background:#fbeeed}.journal-day{margin-top:var(--space-5);color:var(--hub-soft);font-size:13px;font-weight:650}.journal-day:first-child{margin-top:0}.journal-row.clickable{cursor:pointer}.offer-form{display:grid;gap:var(--space-5)}.offer-form .section-heading{align-items:flex-start}.offer-form .section-heading h3{margin-bottom:var(--space-2);font-size:18px}.offer-form .section-heading p{margin-bottom:0;font-size:14px}.offer-form-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-4);align-items:start}.product-search{position:relative;display:flex;gap:var(--space-2)}.product-search-field{position:relative;flex:1;min-width:0}.product-results{position:absolute;top:calc(100% + var(--space-2));right:0;left:0;z-index:3;max-height:360px;overflow:auto;display:grid;gap:var(--space-1);padding:var(--space-2);border:1px solid var(--hub-line);border-radius:var(--control-radius);background:#fcfcfd}.product-result{display:grid;grid-template-columns:1fr auto;gap:var(--space-4);padding:var(--space-3);border:0;border-radius:8px;background:#fff;text-align:left}.product-result.active,.product-result:hover{background:#fff5f5}.product-result small{display:block;margin-top:var(--space-1);color:var(--hub-soft)}.product-result-price{display:grid;justify-items:end;align-content:start;gap:var(--space-1)}.product-added{color:var(--hub-success)!important}.offer-items{overflow:hidden;border:1px solid var(--hub-line);border-radius:var(--control-radius)}.offer-items.empty{padding:var(--space-5);border-style:dashed}.offer-item-header,.offer-item{display:grid;grid-template-columns:minmax(180px,1fr) 64px 116px 116px 128px 36px;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4)}.offer-item-header{color:var(--hub-soft);background:#fafbfc;font-size:11px;font-weight:650}.offer-item{border-top:1px solid var(--hub-line);font-size:13px}.offer-item input{min-height:var(--control-height-compact);padding:0 var(--space-2)}.quantity-control{display:flex;align-items:center;gap:var(--space-1)}.quantity-control input{width:44px;text-align:center}.quantity-control input::-webkit-inner-spin-button,.quantity-control input::-webkit-outer-spin-button{margin:0;-webkit-appearance:none;-moz-appearance:none;appearance:none}.quantity-control input{-moz-appearance:textfield}.quantity-control button{width:var(--control-height);height:var(--control-height);min-height:var(--control-height);padding:0;border:1px solid var(--hub-line);border-radius:6px;color:var(--hub-muted);background:#fff}.offer-bottom{display:flex;justify-content:flex-end;gap:var(--space-5)}.offer-total{width:min(360px,100%);min-width:280px;display:grid;gap:var(--space-2);padding:var(--space-4);border-radius:12px;background:#faf7f7}.offer-total-row{display:flex;justify-content:space-between;gap:var(--space-4);color:var(--hub-muted);font-size:13px}.offer-total-option>span,.offer-total-option>label{display:inline-flex;align-items:center;gap:var(--space-2)}.offer-total-option input[type=checkbox]{width:18px;height:18px;min-height:18px;padding:0}.installation-amount{width:132px;min-height:var(--control-height-compact);height:var(--control-height-compact);padding:0 var(--space-2)}.form-hint{max-width:380px;color:var(--hub-soft);font-size:11px;line-height:1.35}.offer-total-row.total{padding-top:var(--space-3);border-top:1px solid #e8d5d3;color:var(--hub-text);font-size:18px;font-weight:750}.form-actions{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--space-5)}.form-actions .error-text{max-width:380px;margin-bottom:0}.status-cell{white-space:nowrap}.rules-form{display:grid;gap:var(--space-5)}.rules-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-4)}.rules-block{display:grid;gap:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--hub-line)}.rules-block h4{margin:0;font-size:13px}.requisites-grid,.profile-form{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4)}.profile-form .full{grid-column:1 / -1}.saved-message{color:var(--hub-success);font-size:12px}.input-with-actions{display:flex;align-items:center;gap:var(--space-2)}.input-with-actions input{flex:1}.input-with-actions .button{display:inline-flex;align-items:center;gap:var(--space-1)}.settings-tabs{display:flex;flex-wrap:wrap;gap:var(--space-1);margin-bottom:var(--space-5);padding:var(--space-1);border-radius:10px;background:#f4f5f7}.settings-tab{min-height:var(--control-height-compact);padding:0 var(--space-3);border:0;border-radius:8px;color:var(--hub-muted);background:transparent;font-size:12px;white-space:nowrap}.settings-tab.active{color:var(--hub-accent);background:#fff;box-shadow:0 1px 3px #18202b12;font-weight:650}.settings-tab-content{min-height:320px}.settings-inline-hint{margin:var(--space-5) 0 0;color:var(--hub-soft);font-size:12px}.bot-settings-grid{display:grid;grid-template-columns:minmax(240px,1fr) minmax(240px,1fr);align-items:end;gap:var(--space-5);margin-bottom:var(--space-5)}.webhook-block{display:grid;gap:var(--space-3)}.webhook-value{display:block;overflow-wrap:anywhere;padding:var(--space-3);border:1px solid var(--hub-line);border-radius:var(--control-radius);color:var(--hub-text);background:#fafbfc;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;line-height:1.45}.webhook-actions{display:flex;gap:var(--space-2)}.settings-save-bar{position:sticky;bottom:calc(-1 * var(--space-6));z-index:2;display:flex;align-items:center;justify-content:flex-end;gap:var(--space-4);margin:var(--space-6) calc(-1 * var(--space-6)) calc(-1 * var(--space-6));padding:var(--space-4) var(--space-6);border-top:1px solid var(--hub-line);background:#ffffffed;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.settings-save-hint{margin-right:auto;color:var(--hub-soft);font-size:11px}.drawer.offer-drawer{width:min(720px,100%);padding:var(--space-6)}.offer-drawer .section-heading{align-items:flex-start}.offer-drawer .section-heading>div{min-width:0}.offer-drawer .section-heading .icon-button{flex:none}.offer-drawer .offer-form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.journal-context{color:var(--hub-muted)!important}@media(max-width:1150px){.settings-grid,.rules-grid{grid-template-columns:1fr}.offer-form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.bot-settings-grid{grid-template-columns:1fr;align-items:start}}.inbox-grid{height:calc(100vh - 132px);margin:0 var(--space-5) var(--space-5);display:grid;grid-template-columns:320px minmax(440px,1fr) 280px;overflow:hidden;border:1px solid var(--hub-line);border-radius:var(--hub-radius);background:var(--hub-surface);box-shadow:var(--hub-shadow)}.inbox-grid>*{min-height:0}.chat-list{display:flex;min-width:0;min-height:0;flex-direction:column;border-right:1px solid var(--hub-line)}.list-toolbar{padding:var(--space-4);border-bottom:1px solid var(--hub-line)}.filter-row{display:flex;gap:var(--space-1);margin-top:var(--space-3);overflow:auto}.filter{min-height:var(--control-height-compact);padding:0 var(--space-2);border:0;border-radius:7px;color:var(--hub-muted);background:transparent;font-size:11px;white-space:nowrap}.filter.active{color:var(--hub-accent);background:#fbeeed;font-weight:700}.chat-rows{flex:1;min-height:0;overflow:auto}.chat-row{width:100%;position:relative;display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-4);border:0;border-bottom:1px solid var(--hub-line);background:#fff;text-align:left}.chat-row.selected{padding-left:13px;border-left:3px solid var(--hub-accent);background:#fff8f8}.avatar,.profile-avatar{width:36px;height:36px;display:grid;flex:none;place-items:center;border-radius:50%;color:var(--hub-accent);background:#f9e8e8;font-weight:700}.chat-copy{min-width:0;display:grid;flex:1;gap:var(--space-1)}.chat-copy strong{overflow:hidden;color:var(--hub-text);font-size:13px;text-overflow:ellipsis;white-space:nowrap}.chat-status-line{min-height:24px;display:flex;align-items:center;gap:var(--space-1);overflow:hidden;white-space:nowrap}.chat-status-line .badge{flex:none}.chat-status-line:empty{display:none}.chat-copy small,.conversation-header small{display:block;overflow:hidden;color:var(--hub-soft);font-size:11px;text-overflow:ellipsis;white-space:nowrap}.chat-copy>span{overflow:hidden;color:var(--hub-muted);font-size:12px;text-overflow:ellipsis;white-space:nowrap}.badge.draft{color:var(--hub-warn);background:#fff8eb}.badge.handoff{color:var(--hub-accent);background:#fbeeee}.new-chat{margin:var(--space-4)}.conversation{display:flex;min-width:0;min-height:0;flex-direction:column;background:#fcfcfd}.conversation-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-5);padding:var(--space-5);border-bottom:1px solid var(--hub-line);background:#fff}.conversation-header strong{display:block;font-size:15px}.mode-select{display:grid;gap:var(--space-1);min-width:108px;color:var(--hub-soft);font-size:10px}.mode-select select{min-height:var(--control-height);font-size:12px}.messages{flex:1;min-height:0;overflow:auto;padding:var(--space-5)}.message{max-width:78%;margin-bottom:var(--space-4)}.message.bot,.message.manager{margin-left:auto}.message>div{padding:var(--space-3) var(--space-4);border-radius:14px;background:#fff;box-shadow:0 1px 2px #0000000d;font-size:14px;line-height:1.45}.message.bot>div{background:#fff1f1}.message.manager>div{background:#eeeafd}.message.system{max-width:100%;margin:var(--space-2) 0 var(--space-5);text-align:center}.message.system>div{display:inline-block;padding:var(--space-2) var(--space-3);border-radius:999px;color:var(--hub-muted);background:#f1f3f5;font-size:12px}.message footer{display:flex;align-items:center;gap:var(--space-1);padding:var(--space-2) var(--space-1);color:var(--hub-muted);font-size:11px}.draft-actions span{margin-right:auto}.guard-warning{padding:var(--space-2);border-radius:7px;color:var(--hub-warn)!important;background:#fff8eb}.composer{display:flex;gap:var(--space-2);padding:var(--space-4);border-top:1px solid var(--hub-line);background:#fff}.composer input{flex:1}.send-button{width:var(--control-height)}.client-card{overflow:auto;padding:var(--space-5);border-left:1px solid var(--hub-line);background:#fff}.card-badge{margin-bottom:var(--space-3)}.profile-avatar{width:48px;height:48px;margin-bottom:var(--space-3);font-size:18px}.client-card h2{margin-bottom:var(--space-1);font-size:20px}.detail-block{display:grid;gap:var(--space-2);padding:var(--space-4) 0;border-top:1px solid var(--hub-line)}.detail-block label{color:var(--hub-soft);font-size:11px}.detail-block strong{font-size:13px;font-weight:500}.client-card .button{margin-top:var(--space-2)}.empty-conversation{align-items:center;justify-content:center;padding:var(--space-6);color:var(--hub-muted);text-align:center}.empty-icon{color:var(--hub-accent);font-size:42px}@media(max-width:1150px){.inbox-grid{grid-template-columns:280px minmax(400px,1fr)}.client-card{display:none}}
