:root{color-scheme:light dark;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0;background:#0f1115;color:#e6e8eb}.app-shell{display:flex;flex-direction:column;min-height:100vh}.topnav{display:flex;align-items:center;gap:24px;padding:12px 24px;border-bottom:1px solid #23262d}.topnav a{color:#aeb4bf;text-decoration:none;font-size:14px}.topnav a.active{color:#fff;font-weight:600}.content{flex:1;padding:24px;overflow-x:auto}.board{display:flex;gap:16px;align-items:flex-start}.pipeline-filters{display:flex;align-items:flex-end;flex-wrap:wrap;gap:12px;margin-bottom:16px;padding:12px;background:#171a20;border:1px solid #292e37;border-radius:10px}.pipeline-filters label{display:flex;flex-direction:column;gap:5px}.pipeline-filters label span{color:#9aa4b2;font-size:11px}.pipeline-filters select{min-width:210px}.filter-result{padding:9px 2px;color:#9aa4b2;font-size:12px}.filter-result strong{color:#e6e8eb}.filter-reset{background:#343a46;color:#d4d7dd}.stage-column{background:#171a20;border-radius:10px;width:260px;flex-shrink:0;padding:10px}.stage-header{display:flex;justify-content:space-between;font-size:13px;font-weight:600;color:#aeb4bf;padding:6px 4px 10px}.card{background:#20242c;border-radius:8px;padding:10px 12px;margin-bottom:8px;cursor:grab;border:1px solid transparent}.card:hover{border-color:#3a3f4b}.card .name{font-size:14px;font-weight:600;display:flex;align-items:center;gap:6px}.unread-count{margin-left:auto;min-width:20px;height:20px;padding:0 6px;border-radius:999px;background:#3b82f6;color:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:12px;font-weight:700}.channel-dot{display:inline-block;margin-right:6px;opacity:.8}.card .preview{font-size:12px;color:#8b91a0;margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card-project{margin-top:3px;color:#6f94c8;font-size:11px}.response-badge{display:inline-block;margin-top:6px;border-radius:999px;padding:3px 7px;background:#303641;color:#c4cad4;font-size:10px;font-weight:700}.response-badge.needs_reply{background:#51351c;color:#ffbd66}.response-badge.auto_reply{background:#283548;color:#8eb9f5}.response-badge.declined{background:#48272d;color:#ff9da9}.response-badge.forwarded{background:#293d39;color:#83d8c2}.response-badge.closed{background:#34343b;color:#b3b5bd}.response-badge.answered{background:#263e2d;color:#91d8a2}.action-badge{display:inline-block;margin:5px 0 0 5px;border:1px solid #46505f;border-radius:999px;padding:2px 6px;color:#bbc3d0;font-size:9px}.action-badge.repeat_work_hours{border-color:#84612c;color:#e3b764}.action-badge.wait_human{border-color:#376d61;color:#7fd0bd}.action-badge.choose_department{border-color:#536c91;color:#96b9ec}.action-badge.wrong_channel{border-color:#77444b;color:#e398a2}.action-badge.needs_details{border-color:#745c8d;color:#c1a1e2}.response-summary{display:flex;flex-wrap:wrap;gap:5px;margin:-3px 2px 10px;color:#8f98a7;font-size:9px}.response-summary span{background:#20242c;border-radius:5px;padding:3px 5px}.response-summary .needs_reply{color:#ffbd66}.drawer-project{color:#6f94c8;font-size:12px}.drawer{position:fixed;right:0;top:0;bottom:0;width:380px;background:#171a20;border-left:1px solid #23262d;display:flex;flex-direction:column;padding:16px}.msg{max-width:80%;padding:8px 10px;border-radius:8px;margin-bottom:8px;font-size:13px;line-height:1.42;white-space:pre-wrap}.msg.in{background:#252a33;border-left:3px solid #8b95a7;align-self:flex-start}.msg.out{background:#173d68;border-right:3px solid #4d9cff;align-self:flex-end;margin-left:auto}.conversation-legend{display:flex;gap:14px;color:#9aa4b2;font-size:12px}.conversation-legend span{display:inline-flex;align-items:center;gap:5px}.legend-dot{width:9px;height:9px;border-radius:50%;display:inline-block}.legend-dot.ours{background:#4d9cff}.legend-dot.client{background:#8b95a7}.msg-meta{display:flex;justify-content:space-between;gap:10px;margin-bottom:3px;font-size:11px}.msg-meta span,.msg-account{color:#929baa}.msg-account{font-size:10px;margin-bottom:6px}.msg-subject{font-weight:700;margin-bottom:5px}.msg-list{flex:1;display:flex;flex-direction:column;overflow-y:auto;margin:12px 0}.conversation-state{padding:18px;color:#9aa4b2;text-align:center}.conversation-state.error{color:#ff9b9b;background:#3b2328;border-radius:8px}input,textarea,button,select{font-family:inherit;font-size:14px}input,textarea,select{background:#20242c;border:1px solid #3a3f4b;color:#e6e8eb;border-radius:6px;padding:8px 10px}button{background:#3b82f6;color:#fff;border:none;border-radius:6px;padding:8px 14px;cursor:pointer}button:disabled{opacity:.5;cursor:default}.form-row{display:flex;flex-direction:column;gap:6px;margin-bottom:12px;max-width:360px}.campaign-layout{display:grid;grid-template-columns:minmax(520px,720px) minmax(620px,1fr);gap:32px;align-items:start}.campaign-layout.form-collapsed{grid-template-columns:minmax(300px,420px) minmax(720px,1fr)}.campaign-form{min-width:0;padding:18px;border:1px solid #2f3540;border-radius:12px;background:#15181e}.campaign-form .form-row{max-width:none}.campaign-title-row{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:18px}.campaign-title-row h2{margin:0 0 4px}.campaign-title-row p{margin:0;color:#8b91a0;font-size:13px}.campaign-title-actions{display:flex;flex-direction:column;gap:8px;flex-shrink:0}.secondary-button{flex-shrink:0;background:#263248;border:1px solid #46638e}.project-context-card{display:flex;flex-direction:column;gap:4px;padding:10px 12px;border-radius:8px;background:#1b2028;border:1px solid #303846;font-size:13px}.project-context-card a{color:#75a7f7}.project-context-card span{color:#aeb4bf}.account-selector-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.account-selector{display:flex;gap:9px;align-items:flex-start;padding:10px;border:1px solid #3a3f4b;border-radius:8px;background:#1b1f26;font-size:13px;cursor:pointer}.account-selector.selected{border-color:#3b82f6;background:#17233a}.account-selector span{min-width:0;display:flex;flex-direction:column;gap:3px}.account-selector small{color:#8b91a0;overflow-wrap:anywhere}.campaign-list{min-width:0;overflow-x:auto}@media (max-width: 1250px){.campaign-layout,.campaign-layout.form-collapsed,.account-selector-grid{grid-template-columns:1fr}}table{border-collapse:collapse;width:100%}th,td{text-align:left;padding:8px 12px;border-bottom:1px solid #23262d;font-size:13px}.badge{display:inline-block;padding:2px 8px;border-radius:999px;font-size:11px;background:#23262d}.badge.active{background:#14532d;color:#86efac}.badge.flood_wait{background:#713f12;color:#fde68a}.badge.paused,.badge.banned{background:#450a0a;color:#fca5a5}.project-analytics-page{display:flex;flex-direction:column;gap:22px}.analytics-heading,.project-analytics-title{display:flex;justify-content:space-between;align-items:flex-start;gap:20px}.analytics-heading h1,.project-analytics-title h2{margin:0 0 6px}.analytics-heading p,.project-analytics-title p{margin:0;color:#8b91a0;font-size:13px}.analytics-heading label{display:flex;flex-direction:column;gap:5px;color:#9aa4b2;font-size:11px}.analytics-heading select{min-width:260px}.project-analytics-block{padding:20px;border:1px solid #292e37;border-radius:14px;background:#15181e}.best-variant{min-width:210px;padding:10px 14px;border:1px solid #315f55;border-radius:10px;background:#14231f;display:flex;flex-direction:column}.best-variant span,.best-variant small{color:#86bbaa;font-size:11px}.best-variant strong{margin:3px 0}.funnel-grid{display:grid;grid-template-columns:repeat(7,minmax(130px,1fr));gap:10px;margin:18px 0 24px}.funnel-card{min-height:112px;padding:14px;border-radius:11px;background:#20242c;border-top:3px solid #566071;display:flex;flex-direction:column}.funnel-card span{color:#aeb4bf;font-size:12px}.funnel-card strong{margin:8px 0 2px;font-size:30px;line-height:1}.funnel-card small{color:#8b91a0;font-size:11px}.funnel-card.sent{border-color:#3b82f6}.funnel-card.reply{border-color:#8b5cf6}.funnel-card.auto{border-color:#64748b}.funnel-card.human{border-color:#14b8a6}.funnel-card.dialogue{border-color:#22c55e}.funnel-card.meeting{border-color:#eab308}.funnel-card.refusal{border-color:#ef4444}.analytics-table-wrap h3{margin:0 0 10px;font-size:15px}.analytics-table-wrap{overflow-x:auto}.analytics-table-wrap small{color:#8b91a0;margin-left:4px}.analytics-error{color:#fca5a5}.drawer-stage-control{display:flex;flex-direction:column;gap:5px;margin:10px 0 6px}.drawer-stage-control span{color:#9aa4b2;font-size:11px}.drawer-stage-control select{width:100%}.drawer-stage-error{margin-bottom:6px;color:#fca5a5;font-size:12px}.task-panel{margin:8px 0;border:1px solid #343b49;border-radius:8px;padding:8px}.task-panel summary{cursor:pointer;font-weight:700}.task-create{display:grid;gap:6px;margin-top:8px}.task-create input{width:100%;box-sizing:border-box}.task-list{display:grid;gap:6px;margin-top:8px;max-height:120px;overflow:auto}.task-item{display:flex;gap:7px;align-items:flex-start;font-size:12px;color:#d7dce5}.task-item.completed{color:#7f8998;text-decoration:line-through}@media (max-width: 1400px){.funnel-grid{grid-template-columns:repeat(4,minmax(150px,1fr))}}@media (max-width: 800px){.analytics-heading,.project-analytics-title{flex-direction:column}.funnel-grid{grid-template-columns:repeat(2,minmax(130px,1fr))}}
