:root{--color-paper: oklch(99% 0 0);--color-paper-2: oklch(96.5% .003 50);--color-paper-3: oklch(92% .006 50);--color-ink: oklch(12% 0 0);--color-ink-muted: oklch(46% .01 50);--color-ink-dim: oklch(70% .008 50);--color-accent: oklch(56% .14 175);--color-accent-hover: oklch(50% .13 175);--color-accent-light: oklch(94% .04 175);--color-rule: oklch(92% .003 50);--color-success: oklch(55% .14 145);--color-success-bg: oklch(94% .04 145);--color-warning: oklch(65% .17 60);--color-warning-bg: oklch(95% .05 60);--color-danger: oklch(52% .22 25);--color-danger-bg: oklch(95% .05 25);--color-info: oklch(58% .16 250);--color-info-bg: oklch(94% .04 250);--font-display: "Inter", system-ui, sans-serif;--font-body: "Inter", system-ui, sans-serif;--font-mono: "JetBrains Mono", "Courier New", monospace;--text-2xl: 1.5rem;--text-xl: 1.25rem;--text-lg: 1.125rem;--text-base: 1rem;--text-sm: .875rem;--text-xs: .75rem;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--radius-pill: 9999px;--ease-out: cubic-bezier(.16, 1, .3, 1);--dur-base: .18s;--sidebar-width: 240px}[data-theme=dark]{--color-paper: oklch(12% 0 0);--color-paper-2: oklch(16% .005 250);--color-paper-3: oklch(22% .008 250);--color-ink: oklch(92% 0 0);--color-ink-muted: oklch(65% .01 50);--color-ink-dim: oklch(45% .008 50);--color-accent: oklch(65% .14 175);--color-accent-hover: oklch(60% .13 175);--color-accent-light: oklch(22% .04 175);--color-rule: oklch(25% .005 250);--color-success-bg: oklch(20% .04 145);--color-warning-bg: oklch(20% .05 60);--color-danger-bg: oklch(20% .05 25);--color-info-bg: oklch(20% .04 250)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{overflow-x:clip;height:100%}body{font-family:var(--font-body);font-size:var(--text-base);color:var(--color-ink);background-color:var(--color-paper);line-height:1.5;-webkit-font-smoothing:antialiased}#root{display:flex;min-height:100vh}:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px;border-radius:var(--radius-sm)}.app-shell{display:flex;width:100%;min-height:100vh}.sidebar{width:var(--sidebar-width);min-width:var(--sidebar-width);background-color:var(--color-paper-2);border-right:1px solid var(--color-rule);display:flex;flex-direction:column;padding:var(--space-6) 0;position:sticky;top:0;height:100vh;overflow-y:auto}.sidebar-wordmark{padding:0 var(--space-6) var(--space-4);margin-bottom:var(--space-2)}.sidebar-wordmark-text{font-size:var(--text-lg);font-weight:700;color:var(--color-accent);letter-spacing:-.02em}.sidebar-user{padding:var(--space-4) var(--space-6);margin-bottom:var(--space-4);border-top:1px solid var(--color-rule);margin-top:auto}.sidebar-agency{font-size:var(--text-sm);font-weight:600;color:var(--color-ink)}.sidebar-pkg{font-size:var(--text-xs);color:var(--color-ink-muted);margin-top:var(--space-1)}.nav{display:flex;flex-direction:column;gap:var(--space-1);padding:0 var(--space-3)}.nav-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);font-size:var(--text-sm);font-weight:500;color:var(--color-ink-muted);background:transparent;border:none;cursor:pointer;text-align:left;width:100%;font-family:var(--font-body);transition:background-color var(--dur-base),color var(--dur-base)}.nav-item:hover{background-color:var(--color-paper-3);color:var(--color-ink)}.nav-item.active{background-color:var(--color-accent-light);color:var(--color-accent);border-left:3px solid var(--color-accent);padding-left:calc(var(--space-3) - 3px)}.nav-icon{font-size:1rem;line-height:1;flex-shrink:0}.main-content{flex:1;min-width:0;padding:var(--space-8);background-color:var(--color-paper);overflow-y:auto}.page-header{margin-bottom:var(--space-8);padding-bottom:var(--space-6);border-bottom:1px solid var(--color-rule)}.page-header h1{font-size:var(--text-xl);font-weight:700;color:var(--color-ink);letter-spacing:-.02em}.page-sub{font-size:var(--text-sm);color:var(--color-ink-muted);margin-top:var(--space-1)}@media (max-width: 768px){.sidebar{display:none}.sidebar.open{display:flex;position:fixed;top:0;right:0;bottom:0;left:0;width:var(--sidebar-width);z-index:100}.hamburger{display:flex}}.hamburger{display:none;position:fixed;top:var(--space-4);left:var(--space-4);z-index:200;background:var(--color-paper);border:1px solid var(--color-rule);border-radius:var(--radius-sm);padding:var(--space-2);cursor:pointer;flex-direction:column;gap:4px}.hamburger span{display:block;width:18px;height:2px;background:var(--color-ink);border-radius:2px}.sidebar-actions{display:flex;align-items:center;gap:var(--space-3);margin-top:var(--space-2)}.sidebar-logout{background:none;border:none;cursor:pointer;font-family:var(--font-body);font-size:var(--text-xs);color:var(--color-ink-dim);text-decoration:underline;padding:0}.sidebar-logout:hover{color:var(--color-danger)}.sidebar-dark-toggle{background:none;border:none;cursor:pointer;font-size:1rem;padding:0;line-height:1;color:var(--color-ink-dim);transition:color var(--dur-base)}.sidebar-dark-toggle:hover{color:var(--color-ink)}.login-page{display:flex;align-items:center;justify-content:center;min-height:100vh;width:100%;background:linear-gradient(135deg,#050b08,#0a1612);padding:1rem}.login-card{background:#0a1612;border:1px solid rgba(212,175,55,.35);border-radius:24px;padding:2.5rem;width:100%;max-width:420px;text-align:center}.login-badge{width:44px;height:44px;background:linear-gradient(135deg,#bf953f,#fcf6ba,#b38728,#fbf5b7,#aa771c);color:#06110d;font-weight:700;border-radius:12px;display:flex;align-items:center;justify-content:center;margin:0 auto 1.25rem;font-size:20px;font-family:Georgia,serif}.login-title{font-family:Georgia,serif;font-size:1.5rem;margin-bottom:.35rem;color:#d4af37}.login-subtitle{color:#94a3b8;font-size:.85rem;margin-bottom:1.5rem}.login-form{text-align:left}.login-label{display:block;color:#94a3b8;font-size:.8rem;margin-bottom:4px}.login-input{width:100%;padding:.7rem;border-radius:10px;border:1px solid rgba(255,255,255,.12);background:#050b08;color:#f8fafc;font-size:.9rem;margin-bottom:.85rem;outline:none;transition:border-color .2s;font-family:var(--font-body)}.login-input:focus{border-color:#d4af3780}.login-input:disabled{opacity:.6}.login-btn{width:100%;background:linear-gradient(135deg,#bf953f,#fcf6ba,#b38728,#fbf5b7,#aa771c);color:#06110d;border:none;border-radius:9999px;padding:.8rem;font-weight:700;font-size:.9rem;cursor:pointer;margin-top:.5rem;transition:opacity .2s;font-family:var(--font-body)}.login-btn:hover{opacity:.9}.login-btn:disabled{opacity:.5;cursor:not-allowed}.login-error{color:#ef4444;font-size:.8rem;margin-bottom:.5rem}.login-footer{margin-top:1.5rem;font-size:.75rem;color:#475569}.login-footer a{color:#d4af37;text-decoration:none}.badge{display:inline-flex;align-items:center;padding:2px 8px;border-radius:var(--radius-pill);font-size:var(--text-xs);font-weight:600;letter-spacing:.02em;white-space:nowrap}.badge-positive{background:var(--color-success-bg);color:var(--color-success)}.badge-neutral{background:var(--color-paper-3);color:var(--color-ink-muted)}.badge-urgent{background:var(--color-warning-bg);color:var(--color-warning)}.badge-escalated{background:var(--color-danger-bg);color:var(--color-danger)}.badge-lead{background:var(--color-accent-light);color:var(--color-accent)}.badge-booked{background:var(--color-success-bg);color:var(--color-success)}.badge-callback{background:var(--color-info-bg);color:var(--color-info)}.badge-voicemail{background:var(--color-paper-3);color:var(--color-ink-muted)}.badge-hot,.badge-emergency{background:var(--color-danger-bg);color:var(--color-danger)}.badge-routine{background:var(--color-paper-3);color:var(--color-ink-dim)}.badge-open{background:var(--color-info-bg);color:var(--color-info)}.badge-assigned{background:var(--color-accent-light);color:var(--color-accent)}.badge-inprogress{background:var(--color-warning-bg);color:var(--color-warning)}.badge-completed{background:var(--color-success-bg);color:var(--color-success)}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-4);margin-bottom:var(--space-8)}.stat-card{background:var(--color-paper-2);border-radius:var(--radius-md);padding:var(--space-5)}.stat-value{font-size:var(--text-2xl);font-weight:700;color:var(--color-ink);letter-spacing:-.03em;line-height:1}.stat-label{font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--color-ink-muted);margin-top:var(--space-2)}.stat-card.accent .stat-value{color:var(--color-accent)}.stat-card.warning-val .stat-value{color:var(--color-warning)}.ai-status-bar{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--color-success-bg);border-radius:var(--radius-md);font-size:var(--text-sm);color:var(--color-success);font-weight:500;margin-bottom:var(--space-6)}.ai-status-dot{width:8px;height:8px;border-radius:50%;background:var(--color-success);animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.quick-actions{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4);margin-bottom:var(--space-6)}.quick-card{background:var(--color-paper-2);border-radius:var(--radius-md);padding:var(--space-5);display:flex;flex-direction:column;gap:var(--space-2)}.quick-card-icon{font-size:1.5rem}.quick-card-title{font-size:var(--text-sm);font-weight:700;color:var(--color-ink)}.quick-card-desc{font-size:var(--text-xs);color:var(--color-ink-muted);line-height:1.5}.overview-panels{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-6)}.panel{background:var(--color-paper-2);border-radius:var(--radius-md);padding:var(--space-5)}.panel-title{font-size:var(--text-sm);font-weight:600;color:var(--color-ink);margin-bottom:var(--space-4)}.calls-mini{display:flex;flex-direction:column;gap:0}.call-mini-row{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) 0;border-bottom:1px solid var(--color-rule);font-size:var(--text-sm)}.call-mini-row:last-child{border-bottom:none}.call-mini-name{font-weight:600;color:var(--color-ink);flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.call-mini-time{font-size:var(--text-xs);color:var(--color-ink-dim);flex-shrink:0}.tickets-mini{display:flex;flex-direction:column;gap:var(--space-3)}.ticket-mini{padding:var(--space-3);background:var(--color-paper-3);border-radius:var(--radius-sm);border-left:3px solid var(--color-danger)}.ticket-mini-id{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-ink-dim)}.ticket-mini-address{font-size:var(--text-sm);font-weight:600;color:var(--color-ink);margin:var(--space-1) 0}.ticket-mini-issue{font-size:var(--text-xs);color:var(--color-ink-muted)}.calls-filter-bar{display:flex;flex-wrap:wrap;gap:var(--space-3);align-items:center;margin-bottom:var(--space-6)}.tab-group{display:flex;gap:var(--space-1);background:var(--color-paper-2);border-radius:var(--radius-sm);padding:3px}.tab{padding:var(--space-1) var(--space-3);font-size:var(--text-xs);font-weight:500;border:none;background:transparent;color:var(--color-ink-muted);border-radius:3px;cursor:pointer;font-family:var(--font-body);transition:background-color var(--dur-base),color var(--dur-base)}.tab:hover{background:var(--color-paper-3);color:var(--color-ink)}.tab.active{background:var(--color-paper);color:var(--color-ink);box-shadow:0 1px 2px #00000014}.filter-select{padding:var(--space-2) var(--space-3);font-family:var(--font-body);font-size:var(--text-sm);color:var(--color-ink);background:var(--color-paper);border:1px solid var(--color-rule);border-radius:var(--radius-sm);outline:none;transition:border-color var(--dur-base)}.filter-select:focus{border-color:var(--color-accent)}.calls-list{display:flex;flex-direction:column;gap:0;border-radius:var(--radius-md);overflow:hidden;background:var(--color-paper-2)}.call-row{border-bottom:1px solid var(--color-rule);background:transparent;transition:background-color var(--dur-base)}.call-row:last-child{border-bottom:none}.call-row-main{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-3) var(--space-4);cursor:pointer}.call-row-main:hover{background:var(--color-paper-3)}.call-name{font-weight:600;font-size:var(--text-sm);color:var(--color-ink);min-width:140px}.call-phone{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-ink-muted);min-width:140px}.call-time{font-size:var(--text-xs);color:var(--color-ink-dim);min-width:80px}.call-duration{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-ink-dim);min-width:60px}.call-badges{display:flex;gap:var(--space-2);flex-wrap:wrap;flex:1}.call-expand-btn{background:none;border:none;color:var(--color-accent);font-size:var(--text-xs);cursor:pointer;font-family:var(--font-body);padding:0;flex-shrink:0}.call-transcript{padding:var(--space-4) var(--space-4) var(--space-4) var(--space-6);background:var(--color-paper-3);border-top:1px solid var(--color-rule)}.transcript-label{font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--color-ink-muted);margin-bottom:var(--space-3)}.transcript-line{font-size:var(--text-sm);color:var(--color-ink-muted);line-height:1.6;padding:var(--space-1) 0}.transcript-line.ai{color:var(--color-accent)}.kanban{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-4);align-items:start}.kanban-col{display:flex;flex-direction:column;gap:var(--space-3)}.kanban-col-header{display:flex;align-items:center;justify-content:space-between;padding-bottom:var(--space-2);border-bottom:2px solid var(--color-rule);margin-bottom:var(--space-1)}.kanban-col-title{font-size:var(--text-xs);font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--color-ink-muted)}.kanban-count{font-size:var(--text-xs);font-weight:700;background:var(--color-paper-3);color:var(--color-ink-muted);border-radius:var(--radius-pill);padding:0 6px}.lead-card{background:var(--color-paper-2);border-radius:var(--radius-md);padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-2);position:relative}.lead-card.hot{box-shadow:inset 3px 0 0 var(--color-danger)}.lead-card-name{font-weight:700;font-size:var(--text-sm);color:var(--color-ink)}.lead-card-brief{font-size:var(--text-xs);color:var(--color-ink-muted);line-height:1.5}.lead-card-footer{display:flex;gap:var(--space-2);align-items:center;flex-wrap:wrap;margin-top:var(--space-1)}.lead-card-source{font-size:var(--text-xs);color:var(--color-ink-dim)}.lead-card-activity{font-size:var(--text-xs);color:var(--color-ink-dim);margin-left:auto}.lead-viewing{font-size:var(--text-xs);color:var(--color-success);font-weight:500;margin-top:var(--space-1)}.table-wrap{width:100%;overflow-x:auto;border-radius:var(--radius-md);background:var(--color-paper-2)}.data-table{width:100%;border-collapse:collapse;font-size:var(--text-sm)}.data-table thead{background:var(--color-paper-3)}.data-table th{padding:var(--space-3) var(--space-4);text-align:left;font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-ink-muted);white-space:nowrap}.data-table td{padding:var(--space-3) var(--space-4);color:var(--color-ink);border-bottom:1px solid var(--color-rule);vertical-align:middle}.data-table tbody tr:last-child td{border-bottom:none}.data-table tbody tr:hover td{background:var(--color-paper-3)}.td-id{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-ink-dim)}.td-tech{font-size:var(--text-sm);color:var(--color-ink-muted)}.td-sla{font-family:var(--font-mono);font-size:var(--text-xs)}.td-sla.emergency{color:var(--color-danger)}.td-sla.urgent{color:var(--color-warning)}.td-sla.done{color:var(--color-success)}.settings-sections{display:flex;flex-direction:column;gap:var(--space-8);max-width:640px}.settings-section-title{font-size:var(--text-xs);font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--color-ink-muted);margin-bottom:var(--space-4);padding-bottom:var(--space-2);border-bottom:1px solid var(--color-rule)}.section-desc{font-size:var(--text-sm);color:var(--color-ink-muted);margin-bottom:var(--space-4);line-height:1.5}.settings-row{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-3) 0;border-bottom:1px solid var(--color-rule)}.settings-row:last-child{border-bottom:none}.settings-row-label{font-size:var(--text-sm);font-weight:500;color:var(--color-ink);flex:1}.settings-row-sub{font-size:var(--text-xs);color:var(--color-ink-muted);margin-top:2px}.settings-input,.settings-input-readonly{padding:var(--space-2) var(--space-3);font-family:var(--font-body);font-size:var(--text-sm);color:var(--color-ink);background:var(--color-paper);border:1px solid var(--color-rule);border-radius:var(--radius-sm);outline:none;transition:border-color var(--dur-base);width:200px}.settings-input:focus{border-color:var(--color-accent)}.settings-input-readonly{background:var(--color-paper-2);color:var(--color-ink-muted);cursor:default}.settings-textarea{width:100%;padding:var(--space-3);font-family:var(--font-body);font-size:var(--text-sm);color:var(--color-ink);background:var(--color-paper);border:1px solid var(--color-rule);border-radius:var(--radius-sm);outline:none;resize:vertical;line-height:1.6;transition:border-color var(--dur-base)}.settings-textarea:focus{border-color:var(--color-accent)}.settings-btn{padding:var(--space-2) var(--space-4);background:var(--color-accent);color:#fff;border:none;border-radius:var(--radius-sm);font-size:var(--text-sm);font-weight:600;cursor:pointer;font-family:var(--font-body);transition:background-color var(--dur-base)}.settings-btn:hover{background:var(--color-accent-hover)}.settings-btn:disabled{opacity:.5;cursor:not-allowed}.settings-btn-sm{padding:var(--space-1) var(--space-3);background:var(--color-paper-3);color:var(--color-ink);border:none;border-radius:var(--radius-sm);font-size:var(--text-xs);font-weight:600;cursor:pointer;font-family:var(--font-body);transition:background-color var(--dur-base)}.settings-btn-sm:hover{background:var(--color-rule)}.settings-msg{font-size:var(--text-sm);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);margin-top:var(--space-2)}.settings-msg.success{background:var(--color-success-bg);color:var(--color-success)}.settings-msg.error{background:var(--color-danger-bg);color:var(--color-danger)}.scrape-row{display:flex;gap:var(--space-3);align-items:center}.scrape-result{margin-top:var(--space-3);padding:var(--space-3);background:var(--color-success-bg);color:var(--color-success);border-radius:var(--radius-sm);font-size:var(--text-sm)}.faq-entry{padding:var(--space-3);background:var(--color-paper-2);border-radius:var(--radius-sm);margin-bottom:var(--space-3)}.faq-remove{margin-top:var(--space-2);background:none;border:none;color:var(--color-danger);font-size:var(--text-xs);cursor:pointer;font-family:var(--font-body)}.workflow-list{display:flex;flex-direction:column;gap:var(--space-3)}.workflow-card{background:var(--color-paper-2);border-radius:var(--radius-md);padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-2)}.workflow-card.inactive{opacity:.6}.workflow-header{display:flex;align-items:center;justify-content:space-between}.workflow-name{font-size:var(--text-sm);font-weight:700;color:var(--color-ink)}.workflow-desc{font-size:var(--text-xs);color:var(--color-ink-muted);line-height:1.5}.workflow-meta{display:flex;gap:var(--space-4);flex-wrap:wrap}.workflow-trigger{font-size:var(--text-xs);color:var(--color-ink-dim)}.workflow-lastrun{font-size:var(--text-xs);color:var(--color-accent)}.usage-meter{display:flex;flex-direction:column;gap:var(--space-2)}.usage-meter-header{display:flex;justify-content:space-between;align-items:baseline}.usage-meter-label{font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-ink-muted)}.usage-meter-value{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-ink-dim)}.usage-meter-value.warn{color:var(--color-warning);font-weight:600}.usage-bar-track{height:6px;background:var(--color-paper-3);border-radius:9999px;overflow:hidden}.usage-bar-fill{height:100%;border-radius:9999px;background:var(--color-accent)}.usage-bar-fill.warn{background:var(--color-warning)}.usage-bar-fill.crit{background:var(--color-danger)}.usage-warn-label{font-size:var(--text-xs);color:var(--color-warning);margin-top:var(--space-1)}.toggle-wrap{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) 0;border-bottom:1px solid var(--color-rule)}.toggle-wrap:last-child{border-bottom:none}.toggle-label{font-size:var(--text-sm);color:var(--color-ink)}.toggle-switch{position:relative;width:40px;height:22px;background:var(--color-paper-3);border-radius:var(--radius-pill);border:1px solid var(--color-rule);cursor:pointer;transition:background-color var(--dur-base)}.toggle-switch.on{background:var(--color-accent);border-color:var(--color-accent)}.toggle-thumb{position:absolute;top:2px;left:2px;width:16px;height:16px;background:#fff;border-radius:50%;transition:transform var(--dur-base) var(--ease-out);box-shadow:0 1px 2px #00000026}.toggle-switch.on .toggle-thumb{transform:translate(18px)}.empty-state{text-align:center;padding:var(--space-10) var(--space-6);color:var(--color-ink-muted);font-size:var(--text-sm)}.empty-state-icon{font-size:2rem;margin-bottom:var(--space-3);opacity:.4}.empty-state-title{font-size:var(--text-lg);font-weight:600;color:var(--color-ink);margin-bottom:var(--space-2)}.empty-state-desc{font-size:var(--text-sm);color:var(--color-ink-muted);max-width:360px;margin:0 auto;line-height:1.5}.leads-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--space-4)}