@import"https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&family=Space+Grotesk:wght@500;600;700&display=swap";:root{font-family:Manrope,sans-serif;color:#16313a;background:radial-gradient(circle at top left,rgba(88,215,255,.18),transparent 24%),radial-gradient(circle at 100% 0%,rgba(23,184,144,.12),transparent 20%),linear-gradient(180deg,#eef5f4,#dde9e9 42%,#d4e1e2);--font-body: "Manrope", sans-serif;--font-display: "Space Grotesk", "Manrope", sans-serif;--bg-app: #e6f0f1;--bg-panel: rgba(255, 255, 255, .84);--bg-panel-strong: rgba(255, 255, 255, .94);--bg-sidebar: linear-gradient(180deg, #0d2830 0%, #0b1d24 100%);--bg-input: #f7fbfb;--bg-input-strong: #ffffff;--bg-muted: rgba(10, 79, 92, .045);--text-strong: #12303a;--text-muted: #5c767e;--text-soft: #7b959b;--line-soft: rgba(18, 48, 58, .08);--line-strong: rgba(18, 48, 58, .16);--brand-primary: #17b890;--brand-secondary: #58d7ff;--brand-deep: #0a4f5c;--brand-warm: #ff9e57;--shadow-soft: 0 16px 34px rgba(9, 37, 45, .08);--shadow-medium: 0 20px 44px rgba(9, 37, 45, .12);--shadow-deep: 0 28px 72px rgba(9, 37, 45, .18);--radius-panel: 30px;--radius-card: 22px;--radius-control: 18px;--focus-ring: 0 0 0 4px rgba(23, 184, 144, .16);--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-7: 28px;--space-8: 32px}*{box-sizing:border-box}html,body,#root{min-height:100%}html{scroll-behavior:smooth}body{margin:0;min-height:100dvh;font-family:var(--font-body);font-size:15px;color:var(--text-strong);background:radial-gradient(circle at top left,rgba(88,215,255,.18),transparent 24%),radial-gradient(circle at 100% 0%,rgba(23,184,144,.12),transparent 20%),linear-gradient(180deg,#eef5f4,#dde9e9 42%,#d4e1e2);line-height:1.45;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}::selection{background:#0a4f5c2e}button,input,textarea,select{font:inherit}button{cursor:pointer;transition:transform .16s ease,box-shadow .16s ease,background-color .16s ease,border-color .16s ease,color .16s ease}:where(button,a,input,textarea,select):focus-visible{outline:none;box-shadow:var(--focus-ring)}input,textarea,select{width:100%;border:1px solid var(--line-soft);background:linear-gradient(180deg,var(--bg-input-strong),var(--bg-input));color:var(--text-strong);border-radius:var(--radius-control);min-height:52px;padding:.95rem 1rem;outline:none;box-shadow:inset 0 1px #ffffffb8;transition:border-color .2s ease,box-shadow .2s ease,background-color .2s ease}input:focus,textarea:focus,select:focus{border-color:#17b8908c;box-shadow:0 0 0 4px #17b8901f}.field-invalid{border-color:#dc2626b8!important;box-shadow:0 0 0 4px #dc262624!important;background:linear-gradient(180deg,snow,#fff2f2)}textarea{resize:vertical;min-height:110px}input::placeholder,textarea::placeholder{color:var(--text-soft)}input[type=date],input[type=time],input[type=datetime-local]{letter-spacing:-.01em}input[type=date]::-webkit-calendar-picker-indicator,input[type=time]::-webkit-calendar-picker-indicator,input[type=datetime-local]::-webkit-calendar-picker-indicator{opacity:.62;cursor:pointer}input[readonly]{background:linear-gradient(180deg,#f2f8f8,#edf4f4);color:#4e676f;cursor:not-allowed}h1,h2,h3,h4,.brand h1,.showcase-card h3,.topbar h1,.workspace-card strong{font-family:var(--font-display);letter-spacing:-.03em}strong{font-weight:700}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:#0a4f5c2e;border-radius:999px}::-webkit-scrollbar-track{background:transparent}.auth-layout{min-height:100vh;max-width:1860px;margin:0 auto;padding:32px;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(430px,520px);gap:28px}.showcase-panel,.auth-panel,.sidebar-shell,.main-stage,.chat-sidebar,.board-panel,.chat-frame,.inspector-card,.settings-card,.settings-hero{border:1px solid rgba(255,255,255,.6);box-shadow:var(--shadow-soft);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.showcase-panel{border-radius:38px;padding:38px;background:linear-gradient(160deg,#08333cf5,#094c58eb 48%,#1b6e80c7);color:#efffff;display:grid;align-content:start;gap:28px;overflow:hidden;position:relative}.showcase-panel:after{content:"";position:absolute;inset:auto -80px -120px auto;width:320px;height:320px;background:radial-gradient(circle,rgba(88,215,255,.35),transparent 70%)}.brand{display:flex;align-items:center;gap:18px;min-width:0}.brand.compact{align-items:center;justify-content:center}.brand-logo{width:192px;max-width:100%;height:auto;display:block;object-fit:contain;border-radius:28px;padding:14px 18px}.brand h1{margin:0;font-size:clamp(1.9rem,3vw,3rem);line-height:1}.brand.compact h1{font-size:1rem}.brand p{margin:.4rem 0 0;color:#efffffcc;max-width:44rem}.brand.compact p{color:#def2f5ad;font-size:.82rem}.brand.compact .brand-logo{width:158px}.showcase-grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(260px,.85fr);gap:18px}.showcase-card{background:#ffffff14;border:1px solid rgba(255,255,255,.12);border-radius:30px;padding:24px}.showcase-card.hero{min-height:260px}.hero-badge{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;background:#ffffff1f;margin-bottom:20px;font-size:.88rem}.showcase-card h3{margin:0 0 12px;font-size:clamp(1.55rem,2.2vw,2.5rem);line-height:1.05}.showcase-card p{margin:0;color:#efffffcc}.mini-chat{display:grid;gap:16px;align-content:start}.mini-chat-header{display:flex;align-items:center;gap:10px}.online-dot{width:10px;height:10px;border-radius:50%;background:#5df2a7;box-shadow:0 0 0 5px #5df2a726}.mini-chat-body{display:grid;gap:12px}.bubble{max-width:88%;padding:14px 16px;border-radius:18px;font-size:.96rem}.bubble.incoming{background:#ffffff24;border-top-left-radius:8px}.bubble.outgoing{justify-self:end;background:#17b89038;border-top-right-radius:8px}.metrics{grid-column:1 / -1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.metrics div{display:grid;gap:4px}.metrics strong{font-size:1.8rem}.metrics span{color:#efffffbd}.auth-panel{display:grid;place-items:center}.auth-surface{width:100%;border-radius:34px;padding:30px;background:#ffffffe6;border:1px solid rgba(255,255,255,.76);box-shadow:var(--shadow-deep)}.tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:24px;background:#0f2e350d;padding:8px;border-radius:20px}.tabs button{border:none;background:transparent;color:var(--text-muted);padding:13px 10px;border-radius:16px;font-weight:700}.tabs button.active{background:linear-gradient(135deg,#0a4f5cf5,#17b890eb);color:#fff;box-shadow:0 12px 24px #0a4f5c2e}.auth-heading h2,.section-heading h2,.settings-hero h2{margin:0;color:var(--text-strong);line-height:1.08}.section-heading h2,.settings-hero h2{font-size:clamp(1.35rem,1.05rem + .8vw,2rem)}.settings-card h3,.sidepanel-section h3,.column-title-group strong{margin:0;line-height:1.12}.auth-heading p,.settings-hero p,.inspector-copy{color:var(--text-muted)}.auth-form{display:grid;gap:15px;margin-top:24px}.auth-form label,.stack-field{display:grid;gap:8px}.auth-form span,.stack-field span{font-size:.9rem;font-weight:700;color:var(--text-strong)}.auth-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.register-section{display:grid;gap:12px;padding:18px;border-radius:24px;background:#0a4f5c0a;border:1px solid rgba(18,48,58,.06)}.register-section-heading{display:grid;gap:4px}.register-section-heading strong{color:var(--text-strong)}.register-section-heading span{color:var(--text-muted);font-size:.88rem}.hours-grid,.service-stack{display:grid;gap:10px}.hours-row{display:grid;grid-template-columns:minmax(120px,1fr) 1fr 1fr;gap:10px;align-items:center}.checkbox-field{display:inline-flex;align-items:center;gap:10px}.checkbox-field input{width:auto;min-height:auto;accent-color:var(--brand-primary)}.service-card{display:grid;gap:12px;padding:16px;border-radius:20px;background:#ffffffd6;border:1px solid rgba(18,48,58,.06)}.service-card-top{display:flex;justify-content:space-between;align-items:center;gap:10px}.ghost-link{border:none;background:transparent;color:var(--brand-deep);font-weight:700;padding:0}.primary-action,.secondary-action,.logout-button,.send-button{border:none;border-radius:18px;padding:.95rem 1.2rem;display:inline-flex;align-items:center;justify-content:center;gap:10px;font-weight:800}.primary-action{background:linear-gradient(135deg,var(--brand-deep),var(--brand-primary));color:#fff;box-shadow:0 18px 30px #0a4f5c2e}.primary-action.compact,.secondary-action{padding:.8rem 1rem}.secondary-action{background:#0a4f5c14;color:var(--brand-deep)}.primary-action:hover,.secondary-action:hover,.logout-button:hover,.send-button:hover,.sidebar-nav button:hover{transform:translateY(-1px)}.primary-action:disabled,.secondary-action:disabled,.logout-button:disabled,.send-button:disabled,.icon-button:disabled,.ghost-icon:disabled{cursor:not-allowed;opacity:.6;box-shadow:none}.feedback{margin:12px 0 0;color:var(--brand-deep);font-weight:700}.validation-summary{margin:10px 0 0;color:#b91c1c;font-weight:700;font-size:.9rem}.auth-status-actions{display:flex;gap:10px;margin-top:12px}.eyebrow{display:inline-block;margin-bottom:6px;text-transform:uppercase;letter-spacing:.12em;font-size:.72rem;color:#12303a94;font-weight:800}.app-shell{min-height:100vh;max-width:1760px;margin:0 auto;padding:22px;display:grid;grid-template-columns:clamp(250px,17vw,298px) minmax(0,1fr);gap:22px;transition:grid-template-columns .18s ease}.app-shell.sidebar-collapsed{grid-template-columns:104px minmax(0,1fr)}.sidebar-shell{border-radius:32px;padding:24px;background:var(--bg-sidebar);color:#e9fbff;display:grid;align-content:start;gap:18px;transition:padding .18s ease,border-radius .18s ease}.sidebar-toggle{border:none;min-height:56px;padding:0 16px;border-radius:22px;display:inline-flex;align-items:center;justify-content:center;gap:12px;white-space:nowrap;background:linear-gradient(180deg,#ffffff24,#ffffff14);color:#e9fbff;box-shadow:inset 0 0 0 1px #ffffff14,0 14px 28px #0311182e;font-weight:800;width:100%;margin-top:-2px;position:relative;overflow:hidden}.sidebar-toggle:hover{background:linear-gradient(180deg,#fff3,#ffffff1a)}.sidebar-toggle svg,.sidebar-toggle span{position:relative;z-index:1}.sidebar-toggle span{font-size:.92rem;letter-spacing:-.01em}.workspace-card{background:#ffffff14;border:1px solid rgba(255,255,255,.08);border-radius:26px;padding:18px;display:grid;gap:4px}.workspace-card .eyebrow,.workspace-card strong,.workspace-card p{display:block}.workspace-card .eyebrow,.topbar .eyebrow{color:#ffffff8c}.workspace-card p{margin:6px 0 0;color:#e9fbffb3}.sidebar-nav{display:grid;gap:8px}.sidebar-nav button,.logout-button{border:none;background:transparent;color:#e9fbffc2;text-align:left}.sidebar-nav button{border-radius:20px;padding:14px 16px;display:flex;align-items:center;gap:12px}.sidebar-nav button.active{background:linear-gradient(135deg,#17b89038,#58d7ff33);color:#fff}.logout-button{margin-top:auto;justify-content:flex-start;padding:14px 16px;background:#ffffff0f;color:#fff}.sidebar-shell.collapsed{padding:18px 14px}.sidebar-shell.collapsed .brand{gap:0}.sidebar-shell.collapsed .brand>div:last-child,.sidebar-shell.collapsed .workspace-card{display:none}.sidebar-shell.collapsed .sidebar-toggle{width:100%;padding-inline:0}.sidebar-shell.collapsed .sidebar-nav button,.sidebar-shell.collapsed .logout-button{justify-content:center;padding-inline:0}.sidebar-shell.collapsed .sidebar-nav button span,.sidebar-shell.collapsed .logout-button span,.sidebar-shell.collapsed .sidebar-toggle span{display:none}.sidebar-shell.collapsed .brand-logo{width:62px;padding:10px;border-radius:22px}.sidebar-shell.collapsed .brand{justify-content:center}.main-stage{border-radius:36px;padding:20px;background:#ffffff61;border:1px solid rgba(255,255,255,.64);box-shadow:var(--shadow-soft);display:grid;gap:16px}.topbar{background:linear-gradient(135deg,#0a4f5cfa,#17b890eb);border-radius:30px;padding:24px 26px;color:#fff;box-shadow:0 18px 34px #04181f38;display:flex;justify-content:space-between;align-items:center;gap:16px}.topbar h1{margin:0;font-size:clamp(1.35rem,1.1rem + .45vw,1.75rem)}.topbar-status{display:flex;align-items:center;justify-content:flex-end;gap:12px;flex-wrap:wrap}.status-pill{display:inline-flex;align-items:center;gap:10px;padding:12px 16px;border-radius:999px;background:#ffffff29;font-weight:700;box-shadow:inset 0 1px #ffffff2e}.view-highlights{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--space-4)}.highlight-card{display:grid;gap:var(--space-2);padding:var(--space-5);border-radius:22px;background:linear-gradient(180deg,#ffffffdb,#f4fafae6);border:1px solid rgba(18,48,58,.06);box-shadow:var(--shadow-soft)}.highlight-card span{color:var(--text-muted);font-size:.78rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.highlight-card strong{font-size:clamp(1.25rem,1rem + .6vw,1.75rem)}.highlight-card p{margin:0;color:var(--text-muted);font-size:.92rem}.workspace-grid{display:grid;grid-template-columns:clamp(300px,22vw,360px) minmax(0,1fr);gap:var(--space-5);min-height:0}.inbox-grid{align-items:stretch}.chat-sidebar,.board-panel,.chat-frame,.inspector-card,.settings-card,.settings-hero,.modal-shell{border-radius:var(--radius-panel);background:linear-gradient(180deg,#ffffffeb,#f7fcfce6);overflow:hidden}.chat-sidebar{padding:var(--space-5);display:grid;grid-template-rows:auto auto minmax(0,1fr);gap:var(--space-4)}.chat-sidebar-top,.section-heading{display:flex;align-items:center;justify-content:space-between;gap:14px}.section-heading.small{align-items:start}.section-subcopy{margin:6px 0 0;color:var(--text-muted);max-width:560px}.search-field{display:grid;grid-template-columns:18px minmax(0,1fr);gap:10px;align-items:center;background:linear-gradient(180deg,#ffffffeb,#f7fbfbf0);border:1px solid var(--line-soft);border-radius:20px;padding:0 16px;color:var(--text-muted)}.search-field input{border:none;background:transparent;padding-left:0;box-shadow:none}.quick-lead-card{display:grid;gap:12px;padding:16px;border-radius:22px;background:linear-gradient(180deg,#0a4f5c0a,#ffffffb8);border:1px solid rgba(18,48,58,.05)}.quick-lead-card strong{font-size:1rem}.quick-lead-form{display:grid;gap:10px}.conversation-list,.column-list,.settings-list,.automation-stack{overflow:auto;min-height:0}.conversation-list{display:grid;gap:var(--space-3)}.contact-row,.conversation-tile{border:1px solid transparent;width:100%;text-align:left;background:#fff;border-radius:18px;display:grid;align-items:center;box-shadow:inset 0 0 0 1px #12303a0a;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease}.contact-row{grid-template-columns:auto minmax(0,1fr) auto;gap:12px;padding:14px}.contact-row:hover,.conversation-tile:hover{transform:translateY(-1px);border-color:#17b8902e;box-shadow:inset 0 0 0 1px #17b8901f,0 14px 24px #0a4f5c14}.contact-row.active,.conversation-tile.active{border-color:#17b89059;box-shadow:inset 0 0 0 1px #17b89033,0 14px 24px #0a4f5c14}.conversation-tile{position:relative}.conversation-tile:before{content:"";position:absolute;left:0;top:14px;bottom:14px;width:3px;border-radius:99px;background:linear-gradient(180deg,var(--brand-primary),var(--brand-secondary));opacity:0;transition:opacity .2s ease}.conversation-tile:hover:before,.conversation-tile.active:before{opacity:.9}.avatar-badge{width:40px;height:40px;border-radius:18px;display:grid;place-items:center;background:linear-gradient(135deg,#0a4f5cf0,#58d7ffdb);color:#fff;font-weight:800;flex-shrink:0}.avatar-badge.large{width:50px;height:50px;border-radius:20px}.contact-copy,.conversation-copy{min-width:0}.contact-topline,.conversation-copy>div{display:flex;align-items:center;justify-content:space-between;gap:10px}.contact-copy p,.conversation-copy p{margin:4px 0 0;color:var(--text-muted);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.contact-copy span,.conversation-copy span{font-size:.82rem;color:var(--text-muted)}.contact-labels{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.tiny-chip{border-radius:999px;padding:4px 8px;color:#fff;font-size:.72rem;font-weight:700}.tiny-chip.muted{color:var(--text-strong)}.tiny-chip.outlined{box-shadow:inset 0 0 0 1px #12303a14}.unread-pill{min-width:26px;height:26px;border-radius:999px;padding:0 8px;display:grid;place-items:center;background:var(--brand-primary);color:#fff;font-size:.78rem;font-weight:800}.board-panel{padding:var(--space-5);display:grid;grid-template-rows:auto minmax(0,1fr);gap:18px;min-height:0;min-height:min(68dvh,760px)}.section-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.section-actions input{min-width:220px}.board-scroll{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(340px,380px);gap:16px;overflow-x:auto;overflow-y:hidden;padding-bottom:8px;min-height:0;width:100%;max-width:100%;touch-action:pan-x}.board-scroll-shell{position:relative;min-height:0;max-width:100%;overflow:hidden}.board-scroll-button{position:absolute;top:50%;transform:translateY(-50%);width:42px;height:42px;border:none;border-radius:999px;display:inline-grid;place-items:center;background:#0a4f5ceb;color:#fff;box-shadow:0 14px 28px #03111833;z-index:4;opacity:0;pointer-events:none;transition:opacity .2s ease,transform .2s ease}.board-scroll-button.visible{opacity:1;pointer-events:auto}.board-scroll-button.left{left:8px}.board-scroll-button.right{right:8px}.board-scroll-button:hover{transform:translateY(-50%) scale(1.04)}.scroll-shadow{position:absolute;top:0;bottom:8px;width:46px;z-index:3;pointer-events:none;opacity:0;transition:opacity .2s ease}.scroll-shadow.visible{opacity:1}.scroll-shadow.left{left:0;background:linear-gradient(90deg,#ffffffe6,#fff0)}.scroll-shadow.right{right:0;background:linear-gradient(270deg,#ffffffe6,#fff0)}.pipeline-column{background:linear-gradient(180deg,color-mix(in srgb,var(--column-accent) 84%,#ffffff),#fffffff5);border:1px solid rgba(18,48,58,.06);border-radius:26px;padding:16px;display:grid;grid-template-rows:auto minmax(0,1fr);gap:14px;min-height:0;max-height:100%;box-shadow:inset 0 1px #ffffffb3;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease}.pipeline-column.dragging-sibling{scroll-margin-inline:56px}.pipeline-column.drop-target{border-color:color-mix(in srgb,var(--column-accent) 72%,#0a4f5c);box-shadow:0 0 0 2px color-mix(in srgb,var(--column-accent) 48%,#ffffff),inset 0 1px #ffffffb3;transform:translateY(-2px)}.column-top{display:grid;grid-template-columns:minmax(0,1fr) auto auto auto;gap:10px;align-items:start}.column-title-group{display:grid;grid-template-columns:auto minmax(0,1fr);gap:12px;align-items:start}.column-title-group strong,.task-card strong{display:block}.column-title-group small,.task-card small{color:var(--text-muted);font-size:.8rem}.column-top>span{padding:8px 10px;border-radius:999px;background:#0a4f5c14;font-size:.78rem;font-weight:800}.column-color-dot{width:14px;height:14px;border-radius:50%;background:var(--column-accent);box-shadow:inset 0 0 0 1px #12303a14;margin-top:4px}.column-list{display:grid;gap:10px;align-content:start;overflow:auto;min-height:0;padding-right:4px}.conversation-tile{grid-template-columns:auto minmax(0,1fr) auto;gap:12px;padding:13px;cursor:grab}.conversation-tile:active{cursor:grabbing}.board-scroll-shell.dragging-conversation .board-scroll{cursor:grabbing;scroll-behavior:auto}.board-scroll-shell.dragging-conversation .board-scroll-button{opacity:0;pointer-events:none}.conversation-meta-row{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-top:8px}.empty-state-card{padding:18px;border-radius:20px;background:#0a4f5c0f;color:var(--text-muted);font-size:.92rem;line-height:1.4}.empty-state-card.compact{padding:12px;font-size:.84rem}.ghost-icon,.icon-button{width:42px;height:42px;border:none;border-radius:16px;display:inline-grid;place-items:center;background:#0a4f5c14;color:var(--brand-deep)}.ghost-icon:hover,.icon-button:hover{background:#0a4f5c1f}.chat-frame{display:grid;grid-template-rows:auto minmax(0,1fr) auto;min-height:0;overflow:hidden}.chat-header{padding:18px 20px;display:flex;justify-content:space-between;align-items:center;gap:14px;border-bottom:1px solid var(--line-soft);background:#ffffffe6}.chat-contact{display:flex;align-items:center;gap:12px}.chat-contact p{margin:4px 0 0;color:var(--text-muted)}.chat-header-actions{display:flex;gap:8px}.message-wallpaper{min-height:0;overflow:auto;padding:24px;background:radial-gradient(circle at 20% 20%,rgba(23,184,144,.08),transparent 26%),radial-gradient(circle at 80% 10%,rgba(88,215,255,.1),transparent 22%),linear-gradient(180deg,#e6f4f5d6,#eff8f9eb)}.message-stream{display:grid;gap:14px;align-content:start}.message-bubble{max-width:min(76%,620px);display:grid;gap:8px;padding:15px 17px 11px;border-radius:22px;box-shadow:0 12px 24px #0a4f5c0f;line-height:1.5}.message-bubble.incoming{background:#fff;border-top-left-radius:8px}.message-bubble.outgoing{margin-left:auto;background:#c8fbedf2;border-top-right-radius:8px}.message-bubble p,.message-bubble span{margin:0}.message-bubble span{justify-self:end;color:var(--text-muted);font-size:.78rem}.attachment-card{display:grid;gap:4px}.attachment-card strong{color:var(--text-strong)}.message-bubble audio{max-width:280px}.composer-shell{padding:16px 18px 18px;display:grid;gap:10px;background:#fffffff0;border-top:1px solid var(--line-soft)}.composer-row{display:grid;grid-template-columns:repeat(5,42px) minmax(0,1fr) 42px 52px;gap:12px;align-items:center}.message-input{border-radius:999px;padding-inline:20px}.send-button{width:52px;height:52px;padding:0;border-radius:18px;background:linear-gradient(135deg,var(--brand-deep),var(--brand-primary));color:#fff}.icon-button.recording{background:#f973162e;color:#c2410c}.attachment-strip{display:flex;flex-wrap:wrap;gap:8px}.attachment-badge{display:inline-flex;align-items:center;gap:8px;padding:9px 13px;border-radius:999px;background:#0a4f5c14;color:var(--brand-deep);font-size:.82rem;font-weight:700}.recording-copy{margin:0;color:var(--text-muted);font-size:.88rem}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1200;display:flex;align-items:center;justify-content:center;padding:clamp(12px,2.5vh,26px);overflow-y:auto;background:#05111875;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.modal-shell{width:min(700px,calc(100vw - 32px));max-height:calc(100dvh - 32px);margin:auto;border:1px solid rgba(255,255,255,.72);box-shadow:var(--shadow-deep);display:grid;grid-template-rows:auto minmax(0,1fr);animation:modal-enter .18s ease}.modal-header{padding:24px 26px 20px;display:flex;align-items:start;justify-content:space-between;gap:16px;border-bottom:1px solid var(--line-soft);background:#ffffffe6}.conversation-modal .modal-header{position:sticky;top:0;z-index:3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.modal-header h2{margin:6px 0 0}.modal-header-actions{display:flex;align-items:center;gap:10px}.close-icon span{font-size:1.5rem;line-height:1}.modal-body{min-height:0}.column-settings-modal{width:min(620px,calc(100vw - 32px))}.column-settings-body{display:grid;gap:20px;padding:24px 26px 26px}.column-color-grid{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.color-swatch{width:42px;height:42px;border-radius:16px;border:2px solid transparent;box-shadow:inset 0 0 0 1px #12303a14}.color-swatch.active{border-color:var(--brand-deep)}.checkbox-card{align-items:start;gap:12px;padding:14px;border-radius:18px;background:#0a4f5c0a}.checkbox-card span{display:block}.dialog-actions{display:flex;justify-content:flex-end;gap:12px}.conversation-modal{width:min(1240px,calc(100vw - 32px));max-height:calc(100dvh - 32px);align-self:center;overflow:hidden}.conversation-modal-body{display:grid;grid-template-columns:minmax(0,1.6fr) clamp(300px,24vw,360px);min-height:min(62dvh,700px);max-height:calc(100dvh - 136px)}.chat-dialog-stage{display:grid;grid-template-rows:auto minmax(0,1fr) auto;min-height:0;border-right:1px solid var(--line-soft)}.conversation-sidepanel{display:grid;grid-template-rows:auto minmax(0,1fr);min-height:0;border-left:1px solid var(--line-soft);background:linear-gradient(180deg,#f8fcfcfa,#f1f8f9f5)}.sidepanel-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:18px 18px 0}.sidepanel-tabs button{border:none;border-radius:16px;padding:12px;background:#0a4f5c0f;color:var(--text-muted);font-weight:800}.sidepanel-tabs button.active{background:#0a4f5ceb;color:#fff}.sidepanel-section{display:grid;align-content:start;gap:16px;padding:20px;min-height:0;overflow:auto}.header-menu-shell{position:relative}.header-menu{position:absolute;top:calc(100% + 10px);right:0;min-width:200px;padding:10px;border-radius:20px;background:#fff;box-shadow:0 24px 40px #12303a29;border:1px solid rgba(18,48,58,.08);display:grid;gap:6px}.header-menu button{width:100%;border:none;border-radius:12px;padding:10px 12px;background:transparent;color:var(--text-strong);display:flex;align-items:center;gap:10px;text-align:left}.header-menu button:hover{background:#0a4f5c0f}.task-list{display:grid;gap:12px}.task-card{display:grid;gap:10px;padding:16px;border-radius:22px;background:#fff;box-shadow:inset 0 0 0 1px #12303a0a}.task-card-top{display:flex;justify-content:space-between;gap:12px;align-items:start}.task-card-top span{display:block;margin-top:4px;color:var(--text-muted);font-size:.84rem}.task-card p{margin:0;color:var(--text-strong);line-height:1.45}.inspector-panel{display:grid;gap:16px;align-content:start}.inspector-card{padding:18px}.label-cloud{display:flex;flex-wrap:wrap;gap:10px}.chip-button{border:none;border-radius:999px;padding:10px 14px;display:inline-flex;align-items:center;gap:8px;background:#12303a0f;color:var(--text-strong);font-weight:700}.chip-button.active{background:color-mix(in srgb,var(--chip-color) 18%,#ffffff);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--chip-color) 44%,#ffffff)}.chip-dot,.tiny-dot{width:10px;height:10px;border-radius:50%;background:var(--chip-color, var(--brand-primary))}.settings-view{display:grid;gap:var(--space-5);max-width:1480px;margin:0 auto}.settings-hero,.settings-card{padding:var(--space-6);border:1px solid rgba(18,48,58,.08);box-shadow:var(--shadow-soft)}.settings-card-header{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px}.settings-card-header-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:var(--space-2)}.ai-tone-shell{display:grid;grid-template-columns:minmax(200px,280px) minmax(0,1fr);gap:var(--space-4);margin-bottom:var(--space-4)}.ai-tone-preview{border:1px solid rgba(18,48,58,.08);border-radius:16px;padding:12px 14px;background:#0a4f5c0a}.ai-tone-preview strong{display:block;margin-bottom:4px}.ai-tone-preview p{margin:0;color:var(--text-muted);font-size:.9rem}.settings-grid{display:grid;grid-template-columns:minmax(360px,430px) minmax(0,1fr);gap:18px}.settings-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.settings-list{display:grid;gap:10px}.settings-list-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:12px;align-items:center;padding:14px;border-radius:20px;background:#0a4f5c0a}.settings-list-row.compact{grid-template-columns:minmax(0,1fr) auto}.faq-list{gap:14px}.faq-entry{display:grid;gap:12px;padding:14px;border-radius:20px;background:#0a4f5c0a}.faq-create-card{margin-top:14px;padding-top:14px;border-top:1px solid var(--line-soft);display:grid;gap:12px}.faq-create-card h4{margin:0}.lead-dashboard-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:16px}.lead-dashboard-metrics div{border-radius:18px;padding:14px;background:#0a4f5c0f;display:grid;gap:4px}.lead-dashboard-metrics strong{font-size:1.35rem}.lead-dashboard-metrics span{color:var(--text-muted);font-size:.86rem}.ai-state-card{display:grid;gap:8px;padding:14px;border-radius:18px;background:#0a4f5c0d}.ai-state-row{display:flex;align-items:center;justify-content:space-between;gap:10px}.ai-state-row span{color:var(--text-muted)}.label-identity{display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px;align-items:center}.label-identity input,.settings-list-row input[type=color]{background:#fff}.automation-stack{display:grid;gap:14px}.automation-card{display:grid;grid-template-columns:56px minmax(0,1fr);gap:16px;padding:20px;border-radius:26px;background:var(--bg-panel);border:1px solid rgba(18,48,58,.06);box-shadow:var(--shadow-soft)}.automation-step{width:56px;height:56px;border-radius:18px;display:grid;place-items:center;background:linear-gradient(135deg,#0a4f5cfa,#17b890e6);color:#fff;font-weight:800;font-size:1.1rem}.automation-content{display:grid;grid-template-columns:minmax(0,1fr) 140px;gap:16px}.stack-field.narrow{align-self:start}.settings-actions{display:flex;justify-content:space-between;gap:12px}@keyframes modal-enter{0%{opacity:0;transform:translateY(10px) scale(.995)}to{opacity:1;transform:translateY(0) scale(1)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:1ms!important;animation-iteration-count:1!important;transition-duration:1ms!important}}@media(max-width:1540px){.app-shell{grid-template-columns:268px minmax(0,1fr)}.workspace-grid{grid-template-columns:minmax(300px,340px) minmax(0,1fr)}.board-scroll{grid-auto-columns:minmax(320px,350px)}.conversation-modal{width:min(1180px,calc(100vw - 28px))}}@media(max-width:1380px){.auth-layout{grid-template-columns:minmax(0,1.1fr) minmax(390px,460px)}.workspace-grid{grid-template-columns:300px minmax(0,1fr)}.topbar{padding:22px}}@media(max-width:1180px){.auth-layout,.app-shell,.workspace-grid,.settings-grid,.showcase-grid,.automation-content,.settings-form-grid{grid-template-columns:1fr}.app-shell{padding:14px}.app-shell.sidebar-collapsed{grid-template-columns:1fr}.sidebar-shell{grid-template-columns:repeat(4,minmax(0,1fr));align-items:center;gap:12px}.sidebar-shell.collapsed{padding:24px}.sidebar-shell.collapsed .workspace-card{display:block}.sidebar-shell.collapsed .brand>div:last-child,.sidebar-shell.collapsed .sidebar-nav button span,.sidebar-shell.collapsed .logout-button span{display:block}.sidebar-shell.collapsed .sidebar-topbar,.sidebar-shell.collapsed .sidebar-nav button,.sidebar-shell.collapsed .logout-button{justify-content:flex-start;flex-direction:row;align-items:center;padding-inline:16px}.sidebar-shell .brand,.workspace-card,.logout-button{grid-column:1 / -1}.main-stage{padding:14px}.topbar{flex-direction:column;align-items:flex-start}.topbar-status{width:100%;justify-content:flex-start}.board-panel{min-height:auto}.conversation-modal-body{grid-template-columns:minmax(0,1.38fr) minmax(280px,.92fr)}}@media(max-width:1024px){.conversation-modal{width:min(100vw - 20px,1120px);max-height:calc(100dvh - 20px)}.conversation-modal-body{grid-template-columns:1fr;grid-template-rows:minmax(0,1fr) auto;min-height:min(74dvh,780px);max-height:none}.chat-dialog-stage{border-right:none;border-bottom:1px solid var(--line-soft)}.conversation-sidepanel{border-left:none;border-top:1px solid var(--line-soft);max-height:min(38dvh,320px)}}@media(max-width:820px){.auth-layout{padding:18px}.showcase-panel,.auth-surface,.sidebar-shell,.main-stage,.chat-sidebar,.board-panel,.chat-frame,.settings-card,.settings-hero,.modal-shell{border-radius:24px}.auth-row,.metrics,.hours-row,.quick-lead-form,.settings-list-row,.view-highlights,.lead-dashboard-metrics,.ai-tone-shell{grid-template-columns:1fr}.composer-row{grid-template-columns:repeat(4,42px) minmax(0,1fr) 42px 52px}.composer-row .icon-button:nth-child(5){display:none}.section-actions,.settings-actions,.settings-card-header,.settings-card-header-actions{flex-direction:column;align-items:stretch}.modal-backdrop{padding:12px}.conversation-modal{width:min(100vw - 16px,1240px);max-height:calc(100dvh - 16px)}.conversation-modal-body{max-height:none;min-height:min(80dvh,760px)}}@media(max-width:640px){.auth-layout,.app-shell{padding:12px}.tabs{grid-template-columns:1fr}.showcase-panel,.auth-surface,.sidebar-shell,.main-stage,.chat-sidebar,.board-panel,.settings-card,.settings-hero,.modal-shell{border-radius:22px}.composer-row{grid-template-columns:repeat(3,42px) minmax(0,1fr) 42px 52px}.composer-row .icon-button:nth-child(4){display:none}.chat-header-actions{display:none}.message-bubble{max-width:88%}.board-scroll{grid-auto-columns:minmax(260px,88vw)}.dialog-actions,.modal-header,.modal-header-actions,.settings-card-header-actions,.task-card-top{flex-direction:column;align-items:stretch}.status-pill,.topbar-status .secondary-action{width:100%;justify-content:center}.header-menu{left:0;right:auto}}