:root{color-scheme:dark;--bg:#09090c;--bg-soft:#101116;--panel:#14161d;--panel-strong:#1b1e27;--border:#2a2f3d;--text:#efe7d2;--muted:#a79e88;--gold:#d8b35d;--gold-strong:#f2c66b;--danger:#f06f6f;--success:#4fc996;--shadow:0 16px 36px rgba(0,0,0,.34)}:root[data-theme=light]{color-scheme:light;--bg:#f6f3ea;--bg-soft:#ebe5d6;--panel:#fff;--panel-strong:#f4efe3;--border:#dbcda9;--text:#1e1a12;--muted:#655940;--gold:#a4751c;--gold-strong:#8d6519;--danger:#bf3434;--success:#18724f;--shadow:0 12px 30px rgba(104,82,39,.16)}*{box-sizing:border-box}body,html{margin:0;padding:0}body{min-height:100vh;background:radial-gradient(circle at 18% -10%,rgba(216,179,93,.24) 0,transparent 40%),radial-gradient(circle at 90% 0,rgba(216,179,93,.14) 0,transparent 36%),linear-gradient(160deg,var(--bg) 0,var(--bg-soft) 100%);color:var(--text);font-family:Space Grotesk,Poppins,Segoe UI,sans-serif;line-height:1.4}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}input,select,textarea{width:100%;border:1px solid var(--border);border-radius:12px;background:color-mix(in srgb,var(--panel) 88%,#fff 12%);color:var(--text);padding:.7rem .8rem;outline:none}input:focus,select:focus,textarea:focus{border-color:var(--gold);box-shadow:0 0 0 3px color-mix(in srgb,var(--gold) 26%,transparent 74%)}button{border:0;border-radius:12px;background:linear-gradient(180deg,var(--gold) 0,color-mix(in srgb,var(--gold) 62%,#402a04 38%) 100%);color:#1a1408;font-weight:700;padding:.68rem .95rem;cursor:pointer;transition:transform .12s ease,filter .12s ease}button:hover{filter:brightness(1.04);transform:translateY(-1px)}button:disabled{opacity:.6;cursor:not-allowed;transform:none}.ghost-btn{background:transparent;color:var(--gold);border:1px solid var(--border)}.danger-btn{background:linear-gradient(180deg,#d75f5f,#9e2f2f);color:#fff}.app-shell{display:grid;grid-template-columns:280px 1fr;min-height:100vh}.app-sidebar{position:-webkit-sticky;position:sticky;top:0;z-index:30;display:flex;flex-direction:column;gap:1rem;height:100vh;padding:1.3rem 1rem;border-right:1px solid var(--border);background:linear-gradient(180deg,color-mix(in srgb,var(--panel) 80%,#000 20%) 0,var(--panel) 100%)}.sidebar-brand h1{margin:0;font-size:1.32rem;letter-spacing:.06em;color:var(--gold-strong)}.sidebar-brand p{margin:.25rem 0 0;color:var(--muted);font-size:.88rem}.sidebar-nav{display:grid;grid-gap:.5rem;gap:.5rem}.sidebar-link{padding:.66rem .75rem;border:1px solid transparent;border-radius:12px;transition:border-color .12s ease,background .12s ease}.sidebar-link strong{display:block;font-size:.95rem;color:var(--text)}.sidebar-link span{display:block;margin-top:.18rem;font-size:.78rem;color:var(--muted)}.sidebar-link.active{border-color:color-mix(in srgb,var(--gold) 34%,var(--border) 66%);background:color-mix(in srgb,var(--gold) 14%,transparent 86%)}.sidebar-footer{margin-top:auto}.app-main{display:grid;grid-template-rows:auto 1fr;min-height:100vh}.app-header{position:-webkit-sticky;position:sticky;top:0;z-index:20;justify-content:space-between;padding:.95rem 1.25rem;border-bottom:1px solid var(--border);background:color-mix(in srgb,var(--bg) 65%,#000 35%);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.app-header,.app-header-left{display:flex;align-items:center}.app-header-left{gap:.9rem}.app-header h2{margin:0;font-size:1.2rem}.app-header p{margin:.1rem 0 0;color:var(--muted);font-size:.78rem}.app-header-actions{display:flex;align-items:center;gap:.55rem}.menu-btn{display:none}.app-content{padding:1.1rem}.page-grid{display:grid;grid-gap:1rem;gap:1rem}.page-head{display:flex;justify-content:space-between;gap:.9rem;align-items:center}.page-head h3{margin:0}.page-head p{margin:.2rem 0 0;color:var(--muted)}.panel{border:1px solid var(--border);border-radius:16px;padding:1rem;background:linear-gradient(180deg,color-mix(in srgb,var(--panel) 92%,#fff 8%) 0,var(--panel) 100%);box-shadow:var(--shadow)}.panel h4{margin:0 0 .6rem}.muted{color:var(--muted)}.alert{border-radius:12px;border:1px solid var(--border);padding:.75rem .85rem}.alert.error{color:var(--danger)}.alert.info{color:var(--gold-strong)}.kpi-grid{display:grid;grid-template-columns:repeat(5,minmax(120px,1fr));grid-gap:.8rem;gap:.8rem}.kpi-card{border:1px solid var(--border);border-radius:14px;padding:.8rem;background:color-mix(in srgb,var(--panel-strong) 92%,#fff 8%)}.kpi-card span{display:block;color:var(--muted);font-size:.82rem}.kpi-card strong{margin-top:.2rem;display:block;font-size:1.55rem;color:var(--gold-strong)}.dashboard-grid{display:grid;grid-template-columns:1.2fr 1fr;grid-gap:1rem;gap:1rem}.stage-chart{display:grid;grid-gap:.65rem;gap:.65rem}.stage-row-head{display:flex;justify-content:space-between;margin-bottom:.35rem}.bar-track{height:8px;border-radius:999px;background:color-mix(in srgb,var(--panel-strong) 80%,#000 20%)}.bar-fill{height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--gold-strong) 0,var(--gold) 100%)}.list-stack{display:grid;grid-gap:.6rem;gap:.6rem}.list-item{display:flex;justify-content:space-between;align-items:center;gap:.8rem;border:1px solid var(--border);border-radius:12px;padding:.65rem .75rem}.list-item strong{display:block}.list-item p{margin:.12rem 0 0;color:var(--muted);font-size:.85rem}.pill{display:inline-flex;padding:.24rem .55rem;border-radius:999px;font-size:.75rem;text-transform:lowercase;border:1px solid var(--border)}.pill.ai_active,.pill.connected{color:var(--success)}.pill.ai_resume_pending,.pill.connecting{color:var(--gold-strong)}.pill.ai_paused,.pill.disconnected{color:var(--muted)}.pill.error,.pill.human_assigned{color:var(--danger)}.funnel-board{display:grid;grid-template-columns:repeat(auto-fit,minmax(255px,1fr));grid-gap:.9rem;gap:.9rem}.stage-column{border:1px solid var(--border);border-radius:14px;background:color-mix(in srgb,var(--panel) 90%,#fff 10%);min-height:320px}.stage-column header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border);padding:.7rem .8rem}.stage-column header h4{margin:0}.stage-column header span{color:var(--muted);font-size:.8rem}.stage-column-body{display:grid;grid-gap:.6rem;gap:.6rem;padding:.75rem}.lead-card{border:1px solid var(--border);border-radius:12px;padding:.65rem;background:color-mix(in srgb,var(--panel-strong) 84%,#fff 16%);cursor:pointer}.lead-card strong{display:block}.lead-card p{margin:.15rem 0 .55rem;color:var(--muted);font-size:.84rem}.leads-layout{display:grid;grid-template-columns:1.2fr 1fr;grid-gap:1rem;gap:1rem}.table-wrap{overflow:auto}.data-table{width:100%;border-collapse:collapse}.data-table td,.data-table th{text-align:left;vertical-align:top;padding:.56rem;border-bottom:1px solid var(--border)}.data-table tbody tr{cursor:pointer;transition:background .12s ease}.data-table tbody tr:hover{background:color-mix(in srgb,var(--gold) 10%,transparent 90%)}.data-table small{color:var(--muted)}.detail-stack{display:grid;grid-gap:.75rem;gap:.75rem}.detail-stack h5{margin:0 0 .4rem}pre{margin:0;border:1px solid var(--border);border-radius:12px;padding:.6rem;background:color-mix(in srgb,var(--panel-strong) 90%,#000 10%);white-space:pre-wrap;word-break:break-word;font-size:.78rem}.timeline{display:grid;grid-gap:.6rem;gap:.6rem}.timeline-item{border:1px solid var(--border);border-radius:12px;padding:.65rem;background:color-mix(in srgb,var(--panel-strong) 88%,#fff 12%)}.timeline-item small{display:block;color:var(--muted);margin-top:.2rem}.chat-layout{display:grid;grid-template-columns:320px 1fr 310px;border:1px solid var(--border);border-radius:16px;min-height:74vh;overflow:hidden;background:color-mix(in srgb,var(--panel) 92%,#fff 8%)}.chat-list,.chat-side{border-right:1px solid var(--border);background:color-mix(in srgb,var(--panel) 90%,#fff 10%)}.chat-side{border-right:0;border-left:1px solid var(--border)}.chat-header{display:flex;justify-content:space-between;align-items:center;gap:.8rem;padding:.75rem;border-bottom:1px solid var(--border)}.chat-header p{margin:.12rem 0 0;color:var(--muted);font-size:.8rem}.chat-list-scroll{max-height:calc(74vh - 60px);overflow:auto}.chat-list-item{width:100%;border:0;border-bottom:1px solid var(--border);border-radius:0;padding:.68rem .72rem;background:transparent;color:var(--text);display:flex;justify-content:space-between;align-items:flex-start;gap:.7rem;text-align:left}.chat-list-item.active{background:color-mix(in srgb,var(--gold) 18%,transparent 82%)}.chat-thread{display:grid;grid-template-rows:auto 1fr auto;background:linear-gradient(180deg,color-mix(in srgb,var(--bg-soft) 78%,#000 22%) 0,color-mix(in srgb,var(--panel) 82%,#fff 18%) 100%)}.chat-messages{padding:.9rem;overflow:auto}.bubble{max-width:82%;border-radius:12px;padding:.62rem .72rem;margin-bottom:.6rem;border:1px solid var(--border)}.bubble small{display:block;margin-bottom:.25rem;color:var(--muted)}.bubble p{margin:0}.bubble.inbound{background:color-mix(in srgb,var(--panel) 86%,#fff 14%)}.bubble.outbound{margin-left:auto;background:color-mix(in srgb,var(--gold) 26%,var(--panel) 74%);color:#241905;border-color:color-mix(in srgb,var(--gold) 48%,var(--border) 52%)}:root[data-theme=light] .bubble.outbound{color:#2b1907}.chat-composer{display:grid;grid-template-columns:1fr auto;grid-gap:.6rem;gap:.6rem;padding:.75rem;border-top:1px solid var(--border);background:color-mix(in srgb,var(--panel) 90%,#fff 10%)}.settings-layout{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));grid-gap:1rem;gap:1rem}.form-stack{display:grid;grid-gap:.62rem;gap:.62rem}.form-stack label{font-size:.82rem;color:var(--muted)}.wa-account-row{display:flex;justify-content:space-between;align-items:flex-start;gap:.7rem;border:1px solid var(--border);border-radius:12px;padding:.64rem .72rem;background:color-mix(in srgb,var(--panel-strong) 88%,#fff 12%)}.wa-account-row.selected{border-color:color-mix(in srgb,var(--gold) 52%,var(--border) 48%)}.wa-meta{gap:.4rem;margin-top:.28rem;font-size:.78rem;color:var(--muted)}.row-actions,.wa-meta{display:flex;flex-wrap:wrap}.row-actions{gap:.45rem;align-items:center}.qr-preview{border:1px dashed var(--border);border-radius:12px;min-height:240px;display:grid;place-items:center;background:color-mix(in srgb,var(--panel-strong) 86%,#fff 14%)}.qr-preview img{width:min(280px,100%);height:auto;border-radius:8px}.knowledge-grid{display:grid;grid-gap:.8rem;gap:.8rem}.knowledge-card{border:1px solid var(--border);border-radius:12px;padding:.75rem;background:color-mix(in srgb,var(--panel-strong) 90%,#fff 10%)}.knowledge-head{display:flex;justify-content:space-between;align-items:center;gap:.6rem}.knowledge-card p{margin:.6rem 0;color:color-mix(in srgb,var(--text) 94%,var(--muted) 6%)}.knowledge-card small{color:var(--muted)}.tag-row{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.6rem}.tag-chip{display:inline-flex;border:1px solid var(--border);border-radius:999px;padding:.2rem .55rem;font-size:.74rem;color:var(--gold)}.sidebar-overlay{display:none}.auth-wrap{min-height:100vh;display:grid;place-items:center;padding:1rem}.auth-card{width:min(460px,100%)}@media (max-width:1220px){.kpi-grid{grid-template-columns:repeat(3,minmax(120px,1fr))}.dashboard-grid,.leads-layout{grid-template-columns:1fr}}@media (max-width:980px){.app-shell{grid-template-columns:1fr}.app-sidebar{position:fixed;left:-300px;width:280px;transition:left .2s ease}.app-sidebar.open{left:0}.sidebar-overlay{display:block;position:fixed;inset:0;z-index:18;border:0;background:rgba(0,0,0,.45)}.menu-btn{display:inline-flex}.chat-layout{grid-template-columns:1fr}.chat-list,.chat-side{border:0}.chat-side{border-top:1px solid var(--border)}}@media (max-width:700px){.app-content{padding:.85rem}.kpi-grid{grid-template-columns:repeat(2,minmax(120px,1fr))}.page-head{flex-direction:column;align-items:flex-start}.chat-composer{grid-template-columns:1fr}.row-actions{width:100%}.row-actions button{flex:1 1}}