:root{color:#dbe7ee;background:#0d1520;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,input,textarea{font:inherit}button{border:0;cursor:pointer}.app-shell{--page-bg: #0d1520;--surface: #151f2d;--surface-raised: #1b2938;--surface-muted: #101a26;--text: #dbe7ee;--muted: #91a5b7;--line: #2a3a4d;--primary: #2587f6;--teal: #24b89c;--danger: #ec645d;color:var(--text);background:var(--page-bg);display:grid;grid-template-columns:280px minmax(0,1fr);min-height:100vh}.login-screen{position:fixed;z-index:30;inset:0;display:grid;place-items:center;padding:24px;background:var(--page-bg)}.login-card{display:grid;gap:14px;width:min(400px,100%);border:1px solid var(--line);border-radius:8px;padding:24px;background:var(--surface)}.login-card h2{margin:0;color:var(--text)}.login-card label{display:grid;gap:6px;color:var(--muted);font-size:13px;font-weight:700}.sidebar{background:#0b121c;color:#f5f8fa;padding:24px 18px}.primary-nav{display:grid;gap:6px;margin-bottom:24px}.primary-nav button{width:100%;border:1px solid transparent;border-radius:7px;padding:10px 12px;background:transparent;color:#c6d5df;text-align:left;font-weight:700}.primary-nav button:hover,.primary-nav button.selected{border-color:#2e526a;background:#172838;color:#fff}.brand{display:flex;gap:12px;align-items:center;margin-bottom:32px}.brand-mark{display:grid;place-items:center;width:44px;height:44px;border-radius:8px;background:#2bb3a3;color:#081316;font-weight:800}.brand h1,.brand span,.topbar h2,.topbar p,.panel h3,.message-bubble p,.template-preview p{margin:0}.brand h1{font-size:18px}.brand span,.section-title,.account-row small,.folder-row strong{color:#aebbc4}.nav-section{margin-top:28px}.section-title{margin-bottom:10px;font-size:12px;font-weight:700;text-transform:uppercase}.stack,.folder-list,.template-list{display:grid;gap:8px}.account-row,.folder-row{display:flex;align-items:center;width:100%;border-radius:8px;background:#ffffff0f;color:inherit;text-align:left}.account-row{gap:10px;padding:12px}.account-row.selected{outline:1px solid var(--teal);background:#2bb3a333}.account-row span:last-child{display:grid;min-width:0}.account-row strong,.account-row small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.status-dot{width:10px;height:10px;flex:0 0 auto;border-radius:999px;background:#87929b}.status-dot.connected{background:#38d47a}.status-dot.connecting,.status-dot.limited{background:#f4b740}.status-dot.disconnected{background:#87929b}.status-dot.banned,.status-dot.error{background:#db4b4b}.folder-row{justify-content:space-between;padding:10px 12px}.folder-row.selected{background:#2bb3a338;color:#fff}.custom-folder-list{margin-top:8px;border-top:1px solid var(--line);padding-top:8px}.chat-folder-control{display:grid;gap:6px;margin:12px 0;color:var(--muted);font-size:12px}.workspace{min-width:0;padding:24px}.workspace.settings-mode>*:not(.topbar):not(.settings-panel){display:none}.settings-panel{display:grid;gap:24px;padding:28px 32px 48px}.settings-intro{max-width:760px}.settings-intro h3{margin:6px 0 8px;color:var(--text);font-size:24px}.settings-intro p:last-child{margin:0;color:var(--muted);line-height:1.55}.settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;max-width:1040px}.settings-card{display:grid;align-content:start;gap:9px;min-height:190px;border:1px solid var(--line);border-radius:8px;padding:18px;background:var(--surface)}.settings-card h4,.settings-card p{margin:0}.settings-card h4{color:var(--text);font-size:16px}.settings-card p{color:var(--muted);font-size:13px;line-height:1.5}.settings-card button{justify-self:start;margin-top:auto}.settings-kicker{color:var(--teal);font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.settings-card-warning{border-color:#8a6330}.theme-light{--page-bg: #eef3f6;--surface: #ffffff;--surface-raised: #f7fafc;--surface-muted: #e9f0f4;--text: #162332;--muted: #607789;--line: #d7e1e8;--primary: #187bff;--teal: #0f9d8a;--danger: #c94141}.command-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:18px}.command-strip article{display:grid;gap:4px;min-height:100px;border:1px solid var(--line);border-radius:8px;padding:15px;background:var(--surface)}.command-strip span,.command-strip small{color:var(--muted);font-size:12px}.command-strip strong{color:var(--text);font-size:28px}.command-strip .alert{border-color:#9c5c35}.command-strip .alert strong{color:#f3b257}.command-strip .healthy strong{color:var(--teal)}.app-shell .metric-card,.app-shell .panel,.app-shell .report-panel,.app-shell .audit-panel,.app-shell .notifications-panel{border-color:var(--line);background:var(--surface);box-shadow:none}.app-shell .metric-card span,.app-shell .metric-card small,.app-shell .panel-header span,.app-shell .muted-text,.app-shell .template-preview span,.app-shell .lead-meta,.app-shell .draft-note{color:var(--muted)}.app-shell .metric-card strong,.app-shell .panel h3,.app-shell .template-preview p,.app-shell .lead-row,.app-shell .notification-row,.app-shell .audit-row{color:var(--text)}.app-shell .lead-row,.app-shell .template-preview,.app-shell .message-thread,.app-shell .audit-row{border-color:var(--line);background:var(--surface-raised)}.users-panel{margin-bottom:18px}.user-form{display:grid;grid-template-columns:minmax(180px,1fr) minmax(160px,1fr) 140px auto;gap:8px;margin-bottom:12px}.user-list{display:grid;gap:8px}.user-row{display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid var(--line);padding:10px 12px;background:var(--surface-raised)}.user-row div{display:grid;gap:3px;min-width:0}.user-row strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-row span{color:var(--muted);font-size:12px}@media(max-width:760px){.user-form{grid-template-columns:1fr}}.app-shell .lead-row.selected{border-color:var(--primary);background:#1b344e}.theme-light .lead-row.selected{background:#eaf4ff}.app-shell textarea,.app-shell input{border-color:var(--line);background:var(--surface-muted);color:var(--text)}.app-shell .message-bubble{background:var(--surface)}.app-shell .message-bubble.right{background:#16453f}.theme-light .message-bubble.right{background:#ddf1ed}.app-shell .report-table th,.app-shell .report-table td{border-color:var(--line)}.app-shell .report-table th{color:var(--muted)}.topbar{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-bottom:22px}.eyebrow{color:#557083;font-size:13px;font-weight:700}.topbar h2{margin-top:2px;font-size:28px}.topbar-actions{display:flex;gap:10px}.notifications-control{position:relative}.notifications-panel{position:absolute;z-index:10;top:calc(100% + 8px);right:0;width:min(360px,calc(100vw - 48px));padding:12px;border:1px solid #c8d4da;border-radius:8px;background:#fff;box-shadow:0 12px 28px #15212b2e}.notifications-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.notifications-header button,.notification-permission{padding:6px 8px;border-radius:6px;background:#e5edf1;color:#172026;font-size:12px;font-weight:700}.notification-list{display:grid;max-height:360px;gap:6px;overflow-y:auto}.notification-row{display:grid;gap:3px;width:100%;padding:10px;border-radius:6px;background:#f4f7f8;color:#172026;text-align:left}.notification-row.unread{background:#dff3ef}.notification-row span,.notification-row small,.notification-note{color:#557083;font-size:12px}.notification-note{margin:8px 0}.topbar-actions button,.primary,.form-actions button{min-height:40px;border-radius:8px;padding:0 14px;background:#d9e2e7;color:#172026;font-weight:700}.primary{background:#187bff;color:#fff}.primary:disabled{cursor:wait;opacity:.65}button:disabled{cursor:wait;opacity:.65}.metrics-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:18px}.report-panel{margin-bottom:18px;border:1px solid #dbe3e8;border-radius:8px;padding:16px;background:#fff;box-shadow:0 10px 28px #1926300f}.audit-panel{margin-bottom:18px;border:1px solid #dbe3e8;border-radius:8px;padding:16px;background:#fff}.audit-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.audit-row{display:grid;gap:4px;border:1px solid #e1e7eb;border-radius:6px;padding:10px;background:#f7f9fb}.audit-row span{color:#657789;font-size:12px}.report-actions{display:flex;align-items:end;gap:8px;flex-wrap:wrap}.report-actions label{display:grid;gap:4px;color:#657789;font-size:12px;font-weight:700}.report-actions input{min-height:34px}.report-actions button{min-height:34px;border-radius:6px;padding:0 10px;background:#e5edf1;color:#172026;font-weight:700}.report-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.report-table-wrap{overflow-x:auto;margin-top:14px}.report-table{width:100%;border-collapse:collapse;font-size:13px}.report-table th,.report-table td{border-bottom:1px solid #e1e7eb;padding:10px 8px;text-align:left}.report-table th{color:#657789;font-size:12px}.inline-form-panel{margin-bottom:18px}.account-details-panel{display:grid;gap:14px;margin-bottom:18px;padding:16px}.account-details-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.account-details-grid>span,.account-details-grid label{display:grid;gap:6px;color:var(--muted);font-size:12px}.account-details-grid strong{color:var(--text);font-size:13px;overflow-wrap:anywhere}.inline-form{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.inline-form label{display:grid;gap:6px;color:#435563;font-size:13px;font-weight:700}.wide-field{grid-column:1 / -1}.form-actions{display:flex;justify-content:flex-end;gap:10px}.form-actions button{background:#d9e2e7;color:#172026;font-weight:700}.metric-card,.panel{border:1px solid #dbe3e8;border-radius:8px;background:#fff;box-shadow:0 10px 28px #1926300f}.metric-card{display:grid;gap:6px;padding:16px}.metric-card span,.metric-card small,.panel-header span,.lead-meta,.template-preview span{color:#657789}.metric-card strong{font-size:30px}.crm-grid{display:grid;grid-template-columns:minmax(260px,.9fr) minmax(360px,1.4fr) minmax(320px,1fr);grid-template-areas:"leads chat analyzer" "leads chat templates";gap:18px;align-items:start}.panel{min-width:0;padding:16px}.lead-list{grid-area:leads}.chat-panel{grid-area:chat}.analyzer-panel{grid-area:analyzer}.templates-panel{grid-area:templates}.panel-header{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;margin-bottom:14px}.panel h3{font-size:17px}.lead-row{display:grid;gap:8px;width:100%;margin-bottom:10px;border:1px solid transparent;border-radius:8px;padding:12px;background:#f7f9fb;color:inherit;text-align:left}.lead-row.selected{border-color:#187bff;background:#eef6ff}.lead-row-main,.lead-meta,.template-preview div{display:flex;justify-content:space-between;gap:10px;align-items:center}.lead-row p{display:-webkit-box;margin:0;overflow:hidden;color:#394a57;-webkit-line-clamp:2;-webkit-box-orient:vertical}.lead-meta{font-size:12px}.lead-meta b{color:#0d6b5f}.qualification-filters,.qualification-actions{display:flex;flex-wrap:wrap;gap:8px}.qualification-filters button,.qualification-actions button{min-height:32px;border:1px solid var(--line);border-radius:8px;padding:6px 9px;background:var(--surface-muted);color:var(--text);font-size:12px;font-weight:700}.qualification-filters button.selected{border-color:var(--primary);background:var(--primary);color:#fff}.qualification-panel,.rejection-form{display:grid;gap:10px}.qualification-panel{margin-top:14px;border:1px solid var(--line);border-radius:8px;padding:12px;background:var(--surface-muted)}.qualification-panel>div:first-child{display:flex;justify-content:space-between;gap:10px}.qualification-panel span,.qualification-panel small,.qualification-panel p{margin:0;color:var(--muted);font-size:12px}.qualification-actions .danger,.rejection-form .danger{border-color:var(--danger);background:var(--danger);color:#fff}.score{border-radius:999px;padding:6px 10px;background:#e8f7f4;color:#0d6b5f;font-weight:800}.message-thread{display:grid;gap:12px;min-height:250px;border:1px solid #e1e7eb;border-radius:8px;padding:14px;background:#f7f9fb}.message-bubble{max-width:82%;border-radius:8px;padding:12px;background:#fff}.message-bubble.right{justify-self:end;background:#ddf1ed}.message-bubble span{display:block;margin-bottom:6px;color:#657789;font-size:12px;font-weight:700}.template-bar{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0}.template-bar button{border-radius:999px;padding:8px 12px;background:#edf2f5;color:#334551}.template-bar button.selected{background:#187bff;color:#fff}.draft-editor{display:grid;gap:10px;margin-top:14px}.draft-header,.draft-actions{display:flex;align-items:center;justify-content:space-between;gap:10px}.draft-header span,.draft-note{color:#657789;font-size:13px}.draft-actions{justify-content:flex-end}.draft-actions button{min-height:38px;border-radius:8px;padding:0 12px;background:#d9e2e7;color:#172026;font-weight:700}.draft-actions .primary{background:#187bff;color:#fff}.draft-note{margin:0}.draft-follow-up{display:flex;align-items:center;justify-content:space-between;gap:10px}.draft-follow-up button{min-height:38px;border-radius:8px;padding:0 12px;background:#d9e2e7;color:#172026;font-weight:700}.draft-follow-up .primary{background:#187bff;color:#fff}textarea,input{width:100%;border:1px solid #cfdae1;border-radius:8px;background:#fff;color:#172026}textarea{min-height:118px;padding:12px;resize:vertical}input{min-height:38px;padding:0 10px}.analyzer-form{display:grid;gap:12px}.analyzer-form label{display:grid;gap:6px;color:#435563;font-size:13px;font-weight:700}.api-error,.api-result{margin-top:12px;border-radius:8px;padding:12px}.api-error{overflow:auto;background:#fff0f0;color:#9f1d1d;white-space:pre-wrap}.api-result{display:grid;gap:6px;background:#edf8f0;color:#204b2a}.api-result p{margin:0}.template-preview{display:grid;gap:8px;border:1px solid #e1e7eb;border-radius:8px;padding:12px;background:#f9fbfc}.template-preview p{color:#435563;font-size:14px}.empty-state,.muted-text{color:#657789;font-size:13px}.empty-state{border:1px dashed #cbd8e0;border-radius:8px;padding:14px;background:#f7fafc}@media(max-width:1180px){.app-shell{grid-template-columns:240px minmax(0,1fr)}.metrics-grid,.command-strip,.report-metrics,.audit-list{grid-template-columns:repeat(2,minmax(0,1fr))}.crm-grid{grid-template-columns:minmax(260px,.9fr) minmax(360px,1.1fr);grid-template-areas:"leads chat" "analyzer analyzer" "templates templates"}}@media(max-width:820px){.app-shell{grid-template-columns:1fr}.sidebar{position:static}.topbar,.topbar-actions,.form-actions{align-items:stretch;flex-direction:column}.metrics-grid,.crm-grid,.inline-form,.account-details-grid,.report-metrics,.audit-list,.command-strip{grid-template-columns:1fr}.crm-grid{grid-template-areas:"leads" "chat" "analyzer" "templates"}.settings-panel{padding:22px 18px 36px}.settings-grid{grid-template-columns:1fr}}
