:root{--blue: #0066ff;--blue-deep: #0052cc;--blue-soft: #ebf3ff;--blue-border: rgba(0, 102, 255, .22);--bubble-in: #ffffff;--bg: #eef2f9;--card: rgba(255, 255, 255, .92);--card-solid: #ffffff;--text: #0f172a;--text-secondary: #334155;--muted: #64748b;--danger: #dc2626;--danger-soft: #fef2f2;--ok: #059669;--ok-soft: #ecfdf5;--warn: #b45309;--warn-soft: #fffbeb;--ios27-glass-alpha: .84;--hairline: rgba(15, 23, 42, .11);--glass-bg: rgba(255, 255, 255, var(--ios27-glass-alpha));--glass-strong: rgba(255, 255, 255, min(.96, var(--ios27-glass-alpha) + .08) );--glass-specular: inset 0 1.5px 0 rgba(255, 255, 255, .98), inset 0 0 0 1px rgba(255, 255, 255, .72);--shadow-card: 0 1px 2px rgba(15, 23, 42, .04), 0 8px 24px -6px rgba(15, 23, 42, .06);--shadow-glass: 0 10px 30px -6px rgba(15, 23, 42, .12), 0 2px 6px rgba(15, 23, 42, .05);color-scheme:light}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}html,body{overflow-x:clip;-webkit-text-size-adjust:100%;text-size-adjust:100%}body{font:16px/1.42 Plus Jakarta Sans,-apple-system,BlinkMacSystemFont,SF Pro Display,SF Pro Text,system-ui,sans-serif;background:radial-gradient(120% 70% at 15% 0%,#c7e0ff8c,#eef2f900 65%),radial-gradient(100% 60% at 90% 8%,#ddd6fe6b,#eef2f900 60%),var(--bg);background-attachment:fixed;color:var(--text);font-variant-numeric:tabular-nums;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent}.app{min-height:100%}.screen{padding:calc(env(safe-area-inset-top) + 14px) 14px calc(112px + env(safe-area-inset-bottom))}.screen-header{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:2px 0 14px}.eyebrow{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--blue);background:#0066ff17;border:1px solid rgba(0,102,255,.18);padding:3px 9px;border-radius:999px;margin-bottom:4px}.eyebrow-dot{width:6px;height:6px;border-radius:999px;background:#10b981;box-shadow:0 0 0 3px #10b98133}.screen h2{font-size:clamp(24px,6vw,29px);font-weight:800;letter-spacing:-.025em;margin:2px 0 12px;color:var(--text)}.screen h3{font-size:17px;font-weight:700;letter-spacing:-.015em;margin:0 0 8px;color:var(--text)}.card{background:var(--card);backdrop-filter:saturate(180%) blur(18px);-webkit-backdrop-filter:saturate(180%) blur(18px);border:1px solid rgba(15,23,42,.1);box-shadow:var(--glass-specular),var(--shadow-card);border-radius:22px;padding:16px;margin-bottom:14px}.hint{color:var(--muted);font-size:13.5px;line-height:1.45;margin:4px 0 10px}.error{color:var(--danger);background:var(--danger-soft);border:1px solid rgba(220,38,38,.2);padding:8px 12px;border-radius:12px;font-size:13.5px;font-weight:500;margin:6px 0 10px}.ok{color:var(--ok);background:var(--ok-soft);border:1px solid rgba(5,150,105,.2);padding:8px 12px;border-radius:12px;font-size:13.5px;font-weight:500;margin:6px 0 10px}label{display:block;font-size:13.5px;font-weight:600;color:var(--text-secondary);margin-bottom:10px}label.toggle{display:flex;align-items:center;gap:10px;color:var(--text);font-size:15.5px;font-weight:500}input[hidden],[hidden]{display:none!important}input,textarea,select{display:block;width:100%;margin-top:5px;padding:10px 13px;font-family:inherit;min-height:44px;font-size:16px;border:1px solid rgba(15,23,42,.12);border-radius:14px;background:#ffffffeb;color:var(--text);box-shadow:inset 0 1px 2px #0f172a08;transition:border-color .15s ease,box-shadow .15s ease,background-color .15s ease}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--blue);background:#fff;box-shadow:0 0 0 3.5px #0066ff24}textarea{min-height:96px;resize:vertical;line-height:1.45}input[type=checkbox],input[type=radio]{display:inline-block;width:22px;height:22px;min-height:0;flex:none;margin:0;padding:0;vertical-align:middle;accent-color:var(--blue);border-radius:7px;box-shadow:none}label:has(>input[type=checkbox]),label:has(>input[type=radio]){display:flex;align-items:center;gap:10px;min-height:44px;color:var(--text);font-size:15.5px;font-weight:500}button{font:inherit;font-weight:600;border:1px solid rgba(15,23,42,.08);border-radius:14px;padding:11px 16px;min-height:42px;cursor:pointer;background:#f1f5f9e0;color:var(--text);box-shadow:inset 0 1px #fffc;transition:transform .12s ease,background-color .15s ease,box-shadow .15s ease}button:active:not(:disabled){transform:scale(.98)}button:disabled{opacity:.48;cursor:default}button.primary{background:linear-gradient(180deg,#1a75ff,#005ce6);border:1px solid rgba(0,82,204,.4);color:#fff;width:100%;font-weight:700;box-shadow:inset 0 1px .5px #ffffff73,0 4px 12px -2px #0066ff59}button.secondary{background:#f1f5f9e6;border:1px solid rgba(15,23,42,.08);color:var(--text-secondary)}button.danger{background:#fef2f2;border:1px solid rgba(220,38,38,.18);color:var(--danger)}button.small{padding:7px 12px;font-size:13.5px;border-radius:999px;min-height:36px}.chips{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0 10px}.chip{background:var(--blue-soft);color:var(--blue-deep);border:1px solid var(--blue-border);border-radius:999px;padding:5px 11px;font-size:12.5px;font-weight:600}button.chip{min-height:36px;padding:6px 12px;font-size:13px;font-weight:600;background:linear-gradient(180deg,#f5f9ff,#e6f0ff);box-shadow:inset 0 1px #fff,0 1px 2px #0066ff14}.segmented{display:flex;background:#e2e8f0b8;backdrop-filter:saturate(180%) blur(16px);-webkit-backdrop-filter:saturate(180%) blur(16px);border:1px solid rgba(15,23,42,.11);box-shadow:var(--glass-specular),inset 0 1px 2px #0f172a0d;border-radius:999px;padding:3px;margin-bottom:12px;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}.segmented::-webkit-scrollbar{display:none}.segmented button{flex:1 0 auto;background:transparent;border:0;box-shadow:none;padding:8px 11px;min-height:38px;font-size:13.5px;font-weight:600;color:var(--muted);border-radius:999px;white-space:nowrap}.segmented button.active{background:#fffffff5;color:var(--text);font-weight:700;box-shadow:inset 0 1px .5px #fff,0 2px 8px -1px #0f172a1f,0 1px 2px #0f172a0f}.list{background:var(--card-solid);border:1px solid var(--hairline);box-shadow:var(--shadow-card);border-radius:20px;overflow:hidden}.row{display:flex;align-items:center;gap:11px;padding:13px 15px;border-bottom:1px solid rgba(15,23,42,.06);width:100%;background:transparent;border-radius:0;text-align:left}.row:last-child{border-bottom:0}.row-main{flex:1;min-width:0;background:transparent;border:0;box-shadow:none;padding:0;border-radius:0;text-align:left}.row .main{flex:1;min-width:0}.row .title{font-weight:700;font-size:15.5px;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.row .sub{color:var(--muted);font-size:13.5px;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.badge{background:linear-gradient(180deg,#1a75ff,#005ce6);color:#fff;border-radius:999px;min-width:22px;padding:2px 8px;font-size:12px;font-weight:700;text-align:center;box-shadow:0 2px 6px #0066ff4d}.pill{font-size:11.5px;font-weight:700;border-radius:999px;padding:3px 9px;background:#f1f5f9;color:var(--muted)}.pill.dnc{background:var(--danger-soft);color:var(--danger);border:1px solid rgba(220,38,38,.2)}.search{margin-bottom:12px;border-radius:999px;padding-left:16px;padding-right:16px;background:#fffffff0;box-shadow:var(--glass-specular),0 2px 8px -2px #0f172a0d}.tabs{display:flex;gap:6px;overflow-x:auto;margin-bottom:10px}.tabs button{padding:9px 14px;min-height:38px;border-radius:999px;background:#e2e8f0;white-space:nowrap;font-size:14px}.tabs button.active{background:var(--text);color:#fff}.chat{position:fixed;top:0;right:0;bottom:0;left:0;height:100%;height:100dvh;background:radial-gradient(110% 60% at 50% 0%,#dbeafe8c,#eef2f900 60%),var(--bg);display:flex;flex-direction:column;z-index:10}.chat-head{display:flex;align-items:center;gap:6px;padding:calc(env(safe-area-inset-top) + 8px) 10px 10px;background:var(--glass-strong);backdrop-filter:saturate(190%) blur(22px);-webkit-backdrop-filter:saturate(190%) blur(22px);border-bottom:1px solid rgba(15,23,42,.08);box-shadow:0 4px 16px -6px #0f172a0f}.chat-head .who{flex:1;min-width:0;text-align:center;background:transparent;border:0;box-shadow:none;padding:2px 4px}.chat-head .who strong{display:block;font-size:15.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.thread{flex:1;overflow-y:auto;padding:14px 12px 8px}.bubble-wrap{display:flex;flex-direction:column;margin-bottom:10px}.bubble-wrap.out{align-items:flex-end}.bubble-wrap.in{align-items:flex-start}.bubble{max-width:80%;padding:10px 14px;border-radius:20px;white-space:pre-wrap;word-wrap:break-word;font-size:15.5px;line-height:1.4}.bubble-wrap.out .bubble{background:linear-gradient(180deg,#1d78ff,#005ce6);color:#fff;border-bottom-right-radius:6px;box-shadow:inset 0 1px .5px #ffffff59,0 3px 10px -2px #0066ff47}.bubble-wrap.in .bubble{background:var(--bubble-in);color:var(--text);border:1px solid rgba(15,23,42,.08);border-bottom-left-radius:6px;box-shadow:0 2px 6px #0f172a0a}.meta{font-size:11.5px;color:var(--muted);margin:3px 6px 0;display:flex;gap:8px;align-items:center;flex-wrap:wrap}.meta button{padding:0;min-height:0;border:0;box-shadow:none;background:none;color:var(--danger);font-size:11.5px;font-weight:600;border-radius:0}.explain{font-size:13px;color:var(--danger);background:var(--danger-soft);border:1px solid rgba(220,38,38,.2);padding:6px 10px;border-radius:10px;margin:4px 6px 0;max-width:80%}.composer{padding:10px 12px calc(10px + env(safe-area-inset-bottom));background:var(--glass-strong);backdrop-filter:saturate(190%) blur(22px);-webkit-backdrop-filter:saturate(190%) blur(22px);border-top:1px solid rgba(15,23,42,.08)}.composer textarea{min-height:42px;max-height:120px;margin:0;border-radius:20px;padding:10px 14px}.counter{font-size:12px;font-weight:500;color:var(--muted);margin:4px 6px}.counter.warn{color:var(--warn);font-weight:600}.inspector{background:#fffffff5;padding:14px 16px;border-bottom:1px solid rgba(15,23,42,.08)}.inspector dl{display:grid;grid-template-columns:92px 1fr;gap:5px 10px;font-size:13.5px;margin:0 0 10px}.inspector dt{color:var(--muted);font-weight:600}.inspector dd{margin:0}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a61;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);display:flex;align-items:flex-end;padding:8px;z-index:20}.modal{background:#fffffff0;backdrop-filter:saturate(190%) blur(28px);-webkit-backdrop-filter:saturate(190%) blur(28px);border:1px solid rgba(255,255,255,.9);box-shadow:var(--glass-specular),0 20px 50px -10px #0f172a40;width:100%;border-radius:26px;padding:18px 18px calc(18px + env(safe-area-inset-bottom));max-height:90dvh;overflow-y:auto;overscroll-behavior:contain}.modal:before{content:"";display:block;width:38px;height:5px;border-radius:999px;background:#0f172a29;margin:-4px auto 12px}.modal dl{display:grid;grid-template-columns:1fr auto;gap:8px 12px;margin:10px 0 14px;font-size:14px}.modal dt{color:var(--muted)}.modal dd{margin:0;text-align:right;font-weight:700}.tabbar{position:fixed;left:12px;right:12px;bottom:calc(10px + env(safe-area-inset-bottom));display:flex;gap:4px;padding:5px;background:var(--glass-bg);backdrop-filter:saturate(200%) blur(26px);-webkit-backdrop-filter:saturate(200%) blur(26px);border:1px solid rgba(15,23,42,.12);border-radius:999px;box-shadow:var(--glass-specular),var(--shadow-glass);z-index:5}.tab{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:7px 4px 6px;min-height:50px;background:transparent;border:0;box-shadow:none;border-radius:999px;font-size:11px;font-weight:600;color:var(--muted);transition:background-color .18s ease,color .18s ease,box-shadow .18s ease}.tab svg{width:20px;height:20px;stroke-width:2}.tab.active{color:var(--blue);font-weight:700;background:#ffffffeb;box-shadow:inset 0 1px .5px #fff,0 2px 10px -2px #0066ff2e}.auth{padding:calc(env(safe-area-inset-top) + 40px) 18px 24px;max-width:440px;margin:0 auto}.row.lead{flex-wrap:wrap;align-items:center}.row.lead .main{flex:1 1 180px}.row.lead .row-actions{flex:1 0 100%;justify-content:flex-start;gap:5px;padding-top:8px;margin-top:4px;border-top:1px dashed rgba(15,23,42,.06)}.row.lead .row-actions button.small{flex:1 1 0;padding:7px 8px;font-size:13px;text-align:center}.row-actions{display:flex;flex-wrap:wrap;gap:6px;justify-content:flex-end;align-items:center}.row-panel{flex:1 0 100%;min-width:0}.row-panel .card{margin:8px 0 0;padding:14px;background:#f8fafc;border:1px solid rgba(15,23,42,.07);border-radius:16px;box-shadow:none}.row.convo{flex-wrap:wrap;align-items:center}.row.convo .row-main{flex:1 1 0}.row.convo .row-actions{flex:1 0 100%;justify-content:flex-start;padding-top:6px;margin-top:2px;border-top:1px dashed rgba(15,23,42,.06)}.avatar{width:42px;height:42px;border-radius:999px;background:var(--blue-soft);color:var(--blue-deep);border:1px solid var(--blue-border);box-shadow:inset 0 1px .5px #fffc;display:inline-flex;align-items:center;justify-content:center;font-weight:700;font-size:14px;letter-spacing:-.02em;flex:none}.date-pill-wrap{display:flex;justify-content:center;margin:12px 0 8px}.date-pill{background:#ffffffc7;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(15,23,42,.07);color:var(--muted);font-size:11.5px;font-weight:600;padding:4px 12px;border-radius:999px}a.button-link{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;font:inherit;font-weight:600;border:1px solid rgba(15,23,42,.08);border-radius:14px;padding:11px 16px;min-height:42px;background:#f1f5f9e6;color:var(--text-secondary)}a.button-link.small{padding:7px 12px;font-size:13.5px;border-radius:999px;min-height:36px}.meter-card{background:#f8fafc;border:1px solid rgba(15,23,42,.07);border-radius:14px;padding:10px 12px;margin:8px 0 10px}.meter-bar{height:6px;background:#e2e8f0;border-radius:999px;overflow:hidden;margin-bottom:8px}.meter-fill{height:100%;border-radius:999px;background:linear-gradient(90deg,#06f,#38bdf8);transition:width .2s ease}.meter-fill.warn{background:linear-gradient(90deg,#f59e0b,#ea580c)}.phone-preview{background:linear-gradient(180deg,#f8fafc,#eef2f9);border:1px solid rgba(15,23,42,.09);border-radius:20px;padding:12px;margin-top:10px;box-shadow:inset 0 1px #fff}.phone-preview-head{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:12px;font-weight:600;color:var(--muted);padding-bottom:8px;margin-bottom:10px;border-bottom:1px solid rgba(15,23,42,.06)}.kpi-grid .card{margin-bottom:0;padding:14px}.kpi-grid .card strong{display:block;font-size:22px;font-weight:800;letter-spacing:-.02em;color:var(--text);margin-top:2px}@media (max-width: 380px){.segmented button{padding:8px 7px;font-size:13px}}@media (min-width: 720px){.screen,.auth{max-width:680px;margin:0 auto}.tabbar{max-width:520px;margin:0 auto}.modal-backdrop{align-items:center;justify-content:center}.modal{max-width:560px;border-radius:26px}.row.convo{flex-wrap:nowrap}.row.convo .row-actions{flex:none;padding-top:0;margin-top:0;border-top:0}}.push-banner{position:fixed;top:calc(env(safe-area-inset-top) + 10px);left:12px;right:12px;max-width:520px;margin:0 auto;padding:12px 14px;background:#ffffffeb;backdrop-filter:saturate(200%) blur(24px);-webkit-backdrop-filter:saturate(200%) blur(24px);border:1px solid rgba(0,102,255,.25);border-radius:22px;box-shadow:var(--glass-specular),0 14px 36px -6px #0f172a2e;display:flex;align-items:center;gap:10px;z-index:30}
