:root{--bg: #f6f7f9;--panel: #ffffff;--border: #e2e5ea;--text: #1c2129;--text-dim: #667085;--danger: #c0392b;--ok: #1b8a5a;--radius: 6px}*{box-sizing:border-box}body{margin:0;font-family:-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background:var(--bg);color:var(--text);font-size:14px}button,input,select,textarea{font:inherit;color:inherit}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}#login-view{display:flex;align-items:center;justify-content:center;min-height:100vh}.login-box{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:32px;width:320px}.login-box h1{font-size:18px;margin:0 0 4px}.login-box .subtitle{color:var(--text-dim);font-size:12px;margin:0 0 20px}#app-view{display:flex;flex-direction:column;min-height:100vh}#topbar{display:flex;align-items:center;gap:24px;padding:10px 20px;background:var(--panel);border-bottom:1px solid var(--border)}#topbar .brand{font-weight:600}#topbar .who{color:var(--text-dim);font-size:13px;margin-left:auto}h2{margin-top:0;font-size:18px}h3{font-size:15px}.panel{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:18px;margin-bottom:20px}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:8px 10px;border-bottom:1px solid var(--border);font-size:13px}th{color:var(--text-dim);font-weight:600}tr:last-child td{border-bottom:none}tr.clickable{cursor:pointer}td.actions{white-space:nowrap}td.actions button{margin-right:6px;padding:4px 10px;font-size:12px}td.actions button:last-child{margin-right:0}.badge{display:inline-block;padding:2px 8px;border-radius:999px;font-size:12px;font-weight:600;background:#f1f2f4;color:var(--text-dim)}.badge.open,.badge.online,.badge.active{background:#e6f4ea;color:var(--ok)}.badge.closed,.badge.offline{background:#f1f2f4;color:var(--text-dim)}.badge.service,.badge.past_due,.badge.incomplete,.badge.unpaid{background:#fdf0e0;color:#9a5b12}.badge.canceled,.badge.incomplete_expired,.badge.inactive{background:#fbe9e7;color:var(--danger)}.field{margin-bottom:12px}.field label{display:block;margin-bottom:4px;font-size:12px;color:var(--text-dim)}.field input,.field select,.field textarea{width:100%;padding:7px 9px;border:1px solid var(--border);border-radius:var(--radius);background:#fff}.field textarea{resize:vertical;min-height:60px}.row{display:flex;gap:10px}.row .field{flex:1}button.btn{padding:7px 14px;border-radius:var(--radius);border:1px solid var(--border);background:#fff;cursor:pointer}button.btn:hover{background:var(--bg)}button.btn.primary{background:var(--accent);color:#fff;border-color:var(--accent)}button.btn.primary:hover{opacity:.92}button.btn.danger{color:var(--danger);border-color:var(--danger);background:#fff}button.btn.small{padding:4px 10px;font-size:12px}button.btn:disabled{opacity:.6;cursor:default}.error{color:var(--danger);font-size:13px;margin:8px 0}.success{color:var(--ok);font-size:13px;margin:8px 0;word-break:break-all}.muted{color:var(--text-dim)}.hint{color:var(--text-dim);font-size:12px;margin-top:4px}.toolbar{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px}[hidden]{display:none!important}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#10182880;display:flex;align-items:flex-start;justify-content:center;padding:6vh 16px;overflow-y:auto;z-index:100}.modal{background:var(--panel);border-radius:var(--radius);box-shadow:0 12px 40px #00000040;width:100%;max-width:640px}.modal-head{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;border-bottom:1px solid var(--border)}.modal-head h3{margin:0}.modal-close{border:0;background:none;font-size:22px;line-height:1;cursor:pointer;color:var(--text-dim)}.modal-close:hover{color:var(--text)}.modal-body{padding:16px 20px}.modal-foot{display:flex;justify-content:flex-end;gap:6px;padding:12px 20px;border-top:1px solid var(--border)}.view-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.view-head h2{margin:0}:root{--violet: #8B5CF6;--fuchsia: #E048C9;--font-display: "Ubuntu", "Segoe UI", sans-serif;--font-body: "Plus Jakarta Sans", "Segoe UI", Arial, sans-serif;--gradient: linear-gradient(100deg, #7C3AED, #C934B5);--bg: #FAF8FF;--panel: #FFFFFF;--border: #E7E0F5;--text: #1E1533;--text-dim: #655A85;--danger: #C93838;--ok: #12805E;--radius: 12px;--accent: #7C3AED;--accent-dim: #F2ECFF;--shadow: 0 1px 2px rgba(60, 30, 120, .05), 0 10px 28px -14px rgba(60, 30, 120, .22);color-scheme:light}body{font-family:var(--font-body);background:radial-gradient(700px 380px at 0% -10%,rgba(139,92,246,.1),transparent 65%),radial-gradient(600px 360px at 100% -5%,rgba(224,72,201,.07),transparent 60%),var(--bg);background-repeat:no-repeat;min-height:100vh}h1,h2,h3{font-family:var(--font-display);font-weight:700;letter-spacing:-.01em}h2{font-size:22px}#topbar{position:sticky;top:0;z-index:30;background:#ffffffeb;padding:12px 24px}#topbar .brand{font-family:var(--font-display);font-weight:700;font-size:16px}#shell{display:flex;flex:1}#nav{width:200px;background:transparent;padding:20px 12px;flex-shrink:0}#nav a{display:block;padding:9px 12px;margin-bottom:2px;border-radius:10px;color:var(--text-dim);font-weight:500}#nav a:hover{text-decoration:none;background:var(--accent-dim);color:var(--text)}#nav a[aria-current=true]{background:var(--accent-dim);color:var(--accent);font-weight:600}#content{flex:1;min-width:0;padding:28px 32px;max-width:1020px}@media (max-width: 720px){#shell{flex-direction:column}#nav{width:auto;display:flex;overflow-x:auto;gap:4px;padding:8px 12px;border-bottom:1px solid var(--border)}#nav a{white-space:nowrap;margin:0}#content{padding:20px 16px}#topbar{flex-wrap:wrap;gap:8px 16px}}.panel{border-radius:16px;padding:22px;overflow-x:auto;box-shadow:var(--shadow)}th{color:var(--text-dim);font-size:12px;text-transform:uppercase;letter-spacing:.05em}td{font-variant-numeric:tabular-nums}tr.clickable:hover{background:var(--accent-dim)}.field input,.field select,.field textarea,.toolbar input,.toolbar select{border:1px solid var(--border);background:#fff;border-radius:10px;padding:9px 11px;transition:border-color .15s,box-shadow .15s}.field input:focus,.field select:focus,.field textarea:focus,.toolbar input:focus,.toolbar select:focus{outline:none;border-color:var(--violet);box-shadow:0 0 0 3px #8b5cf62e}button.btn,a.btn{font-weight:600;border-radius:10px;border:1px solid var(--border);background:#fff;transition:transform .15s,border-color .15s,background .15s,box-shadow .15s}button.btn:hover,a.btn:hover{background:var(--accent-dim);border-color:#d6c8f5;text-decoration:none}button.btn:active:not(:disabled){transform:scale(.98)}button.btn.primary,a.btn.primary{background:var(--gradient);border-color:transparent;color:#fff;box-shadow:0 8px 20px -10px #7c3aedb3}button.btn.primary:hover,a.btn.primary:hover{opacity:1;filter:brightness(1.06)}button.btn.danger{color:var(--danger);border-color:#f0c4c4;background:#fff}button.btn.danger:hover{background:#fdf0f0}.badge{background:#f1eef9;color:var(--text-dim)}.badge.open,.badge.online,.badge.active{background:#e3f6ec;color:var(--ok)}.badge.closed,.badge.offline{background:#f1eef9;color:var(--text-dim)}.badge.human{background:var(--accent-dim);color:var(--accent)}.badge.service,.badge.past_due,.badge.incomplete,.badge.unpaid{background:#fef3d7;color:#8a5a00}.badge.canceled,.badge.incomplete_expired,.badge.inactive{background:#fde8e8;color:#b42323}.modal-backdrop{background:#1e153373}.modal{border-radius:20px;box-shadow:0 30px 70px -20px #1e153373}.thread{display:flex;flex-direction:column;gap:10px;max-height:420px;overflow-y:auto;padding:4px 4px 10px;margin-bottom:14px}.msg{max-width:70%;padding:9px 12px;border-radius:14px;font-size:13px;line-height:1.45}.msg .meta{font-size:11px;color:var(--text-dim);margin-top:4px}.msg.inbound{align-self:flex-start;background:#f5f1ff;border-bottom-left-radius:4px}.msg.outbound{align-self:flex-end;background:var(--gradient);color:#fff;border-bottom-right-radius:4px}.msg.outbound .meta{color:#fffc}.msg .media-image{display:block;max-width:100%;max-height:260px;border-radius:10px}.msg .media-sticker{display:block;width:110px;height:110px;object-fit:contain}.msg .media-video{display:block;max-width:100%;max-height:260px;border-radius:10px}.msg .media-audio{display:block;width:240px;max-width:100%}.msg .media-caption{margin-top:6px}.msg .media-missing{font-style:italic;opacity:.75}.msg .media-file{display:flex;align-items:center;gap:10px;padding:8px 10px;border:1px solid var(--border, #E6DDF7);border-radius:10px;background:#fff;color:var(--text, inherit);text-decoration:none}.msg .media-file-name{word-break:break-all}.msg .media-file-action{margin-left:auto;color:var(--accent);font-weight:600;font-size:12px}.msg .msg-quote{border-left:3px solid var(--accent);background:#ffffffb3;color:var(--text-dim);padding:3px 8px;margin-bottom:6px;border-radius:4px;font-size:12px}.msg.outbound .msg-quote{background:#ffffffe6}.msg.reaction{align-self:center;max-width:90%;background:transparent;padding:0 4px;color:var(--text-dim);font-size:12px}.msg.reaction .meta{display:none}.msg.reaction.outbound .meta,.msg.reaction.outbound{color:var(--text-dim)}.contact-card{margin-top:4px;padding:8px 10px;border:1px solid var(--border, #E6DDF7);border-radius:10px;background:#fff;color:var(--text, inherit)}.button-chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}.chip{display:inline-block;padding:3px 10px;border-radius:999px;background:var(--accent-dim);color:var(--accent);font-size:12px;font-weight:500}.button-editor{margin-bottom:10px}#login-view{display:flex;align-items:center;justify-content:center;padding:16px;height:100vh;height:100dvh;min-height:0;overflow:hidden}.auth-shell{display:grid;grid-template-columns:1fr 1fr;width:100%;max-width:980px;height:min(640px,calc(100vh - 32px));height:min(640px,calc(100dvh - 32px));border-radius:28px;overflow:hidden;background:#fff;border:1px solid var(--border);box-shadow:0 30px 70px -30px #5a28b459}.auth-art{display:flex;flex-direction:column;padding:28px 32px;background:linear-gradient(160deg,#f1eaff,#fbeaf8)}.auth-brand{font-family:var(--font-display);font-weight:700;font-size:22px;letter-spacing:-.01em;background:var(--gradient);-webkit-background-clip:text;background-clip:text;color:transparent}.iso-scene{flex:1 1 0;min-height:0;width:100%}.iso-scene .float{animation:iso-float 4.5s ease-in-out infinite alternate}@keyframes iso-float{0%{transform:translateY(0)}to{transform:translateY(-8px)}}.auth-form{display:flex;flex-direction:column;justify-content:center;padding:40px 52px;overflow-y:auto;min-height:0}.auth-form h1{margin:0 0 6px;font-size:28px}.auth-lead{margin:0 0 28px;color:var(--text-dim)}.terms-consent{margin:4px 0 18px;font-size:13px;color:var(--text-dim)}.terms-consent label{display:flex;gap:8px;align-items:flex-start;cursor:pointer}.terms-consent input[type=checkbox]{margin-top:3px;accent-color:var(--accent)}.legal-links{margin-top:22px;font-size:12px;color:var(--text-dim);text-align:center}button.link{background:none;border:0;padding:0;color:var(--accent);font:inherit;cursor:pointer}button.link:hover{text-decoration:underline}.legal-text{max-height:60vh;overflow-y:auto;padding-right:8px;line-height:1.55}.legal-text h4{margin:18px 0 6px;font-size:14px}.legal-text p{margin:0 0 8px;font-size:13px;color:var(--text-dim)}@media (max-width: 860px){#login-view{height:auto;min-height:100dvh;overflow:visible}.auth-shell{grid-template-columns:1fr;height:auto;max-width:460px}.auth-art{padding:18px 24px 8px}.iso-scene{flex:none;height:150px}.auth-form{overflow-y:visible;padding:24px 24px 30px}}@media (max-height: 560px) and (min-width: 861px){.auth-art{padding:18px 24px}.auth-form{padding:20px 40px}.auth-lead{margin-bottom:14px}}@media (prefers-reduced-motion: reduce){.iso-scene .float{animation:none}}.usage-banner{margin-bottom:14px;padding:10px 14px;border-radius:12px;font-size:13px;background:#fff;border:1px solid #E4DAF8}.usage-banner.warn{background:#fff8e6;border-color:#f3d28b;color:#7a5300}.usage-banner.full{background:#fdecec;border-color:#f1b5b0;color:var(--danger)}.usage-banner a{margin-left:6px;font-weight:600}.usage-card{max-width:560px;margin-bottom:14px}.usage-card h3{margin:0 0 4px}.usage-figures{margin:10px 0 8px;font-size:14px}.usage-bar{height:10px;border-radius:999px;background:var(--accent-dim);overflow:hidden}.usage-bar>div{height:100%;border-radius:999px;background:var(--gradient)}.usage-bar.warn>div{background:#e9a400}.usage-bar.full>div{background:var(--danger)}.badge.actor-ai{background:var(--gradient);color:#fff}.badge.actor-human{background:var(--accent-dim);color:var(--accent)}.msg .sender{font-size:11px;margin-bottom:4px}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px}.stat-num{font-family:Ubuntu,sans-serif;font-size:34px;margin:4px 0}.hours-day{display:flex;gap:10px;align-items:center;flex-wrap:wrap;padding:6px 0;border-bottom:1px solid var(--border, #ECE6FA)}.hours-day strong{width:100px}#nav a.sub{padding-left:28px;font-size:13px}.msg.outbound .badge{background:#ffffffeb;color:var(--accent)}