:root{--navy:#0b1f4a;--teal:#0e9aa0;--mint:#1fe0b8;--ink:#16233f;--muted:#5d6b85;--line:#e3e8f0;--bg:#f5f8fb;--card:#ffffff;--danger:#c0392b;--warn:#b7791f}*{box-sizing:border-box}body,html{margin:0}body{background:var(--bg);color:var(--ink);font:15px/1.5 system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif}h1,h2,h3{margin:0;color:var(--navy)}h2{font-size:16px}a{color:var(--teal)}button{font:inherit;cursor:pointer}.topbar{background:var(--card);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:16px;padding:10px 24px;flex-wrap:wrap}.topbar img{height:44px;width:auto;display:block}.topbar .who{display:flex;align-items:center;gap:14px;color:var(--muted);font-size:14px}.topbar .who strong{color:var(--ink)}.page{max-width:1180px;margin:0 auto;padding:24px 16px 48px}.page-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:18px}.page-head h1{font-size:24px}.page-head p{margin:0;color:var(--muted)}.tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));grid-gap:12px;gap:12px;margin-bottom:20px}.tile{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:14px 16px}.tile .n{font-size:28px;font-weight:700;color:var(--navy);line-height:1.1}.tile .l{color:var(--muted);font-size:13px}.grid{display:grid;grid-template-columns:minmax(0,1fr) 320px;grid-gap:20px;gap:20px;align-items:start}@media (max-width:900px){.grid{grid-template-columns:minmax(0,1fr)}}.card{background:var(--card);border:1px solid var(--line);border-radius:12px;overflow:hidden;margin-bottom:20px}.card>header{padding:14px 16px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:8px}.card .body{padding:16px}.empty{color:var(--muted);padding:24px 16px;text-align:center}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse}td,th{text-align:left;padding:10px 16px;border-bottom:1px solid var(--line);white-space:nowrap}th{font-size:12px;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);font-weight:600}tr:last-child td{border-bottom:0}.badge,.muted,td.muted{color:var(--muted)}.badge{display:inline-block;padding:2px 10px;border-radius:999px;font-size:12px;font-weight:600;background:#eef2f7}.badge.connected_to_human,.badge.resolved_by_ai{background:#dcf7ef;color:#0a6b58}.badge.message_taken,.badge.voicemail{background:#e1f1fb;color:#14608f}.badge.abandoned{background:#fdecea;color:var(--danger)}.badge.live{background:#fff4d6;color:var(--warn)}.vm{padding:14px 16px;border-bottom:1px solid var(--line)}.vm:last-child{border-bottom:0}.vm .meta{display:flex;justify-content:space-between;gap:8px;margin-bottom:8px;flex-wrap:wrap}.vm audio{width:100%;height:36px}.btn{border:1px solid var(--line);background:var(--card);color:var(--ink);border-radius:8px;padding:8px 14px;font-weight:600}.btn.primary,.btn:hover{border-color:var(--teal)}.btn.primary{background:var(--teal);color:#fff}.btn.primary:hover{background:#0b8489}.btn.danger{background:var(--danger);border-color:var(--danger);color:#fff}.btn:disabled{opacity:.5;cursor:not-allowed}.btn.block{width:100%}input[type=email],input[type=password],input[type=tel],input[type=text]{width:100%;padding:10px 12px;border:1px solid var(--line);border-radius:8px;font:inherit;color:var(--ink);background:#fff}input:focus{outline:2px solid var(--mint);border-color:var(--teal)}label{display:block;font-weight:600;font-size:13px;margin-bottom:6px}.field{margin-bottom:14px}.error{background:#fdecea;color:var(--danger);margin-bottom:14px}.error,.note{border-radius:8px;padding:10px 12px;font-size:14px}.note{background:#eef7f8;color:#0b5d61}.login{min-height:100vh;display:grid;place-items:center;padding:16px}.login .box{width:100%;max-width:400px;background:var(--card);border:1px solid var(--line);border-radius:16px;padding:28px}.login img{width:100%;max-width:280px;height:auto;display:block;margin:0 auto 20px}.phone .status{display:flex;align-items:center;gap:8px;font-size:14px;margin-bottom:12px}.dot{width:10px;height:10px;border-radius:50%;background:#c3cad6;flex:none}.dot.ready{background:#19b88f}.dot.busy{background:var(--warn)}.dot.off{background:var(--danger)}.phone .row{display:flex;gap:8px;margin-top:10px}.phone .row .btn{flex:1 1}.phone .ringing{border:2px solid var(--mint);border-radius:10px;padding:12px;margin-bottom:12px}.phone .ringing .from{font-size:18px;font-weight:700;color:var(--navy)}.login img,.topbar img{mix-blend-mode:multiply}.page.narrow{max-width:760px}td a{color:var(--navy);font-weight:600;text-decoration:underline;-webkit-text-decoration-color:var(--line);text-decoration-color:var(--line);text-underline-offset:3px}td a:hover{-webkit-text-decoration-color:var(--teal);text-decoration-color:var(--teal)}a.btn{text-decoration:none;display:inline-block}.task-message{margin:0 0 8px}.task-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:4px}.task-actions .btn{padding:6px 12px;font-size:13px}.transcript{display:flex;flex-direction:column;gap:12px}.turn{display:grid;grid-template-columns:110px minmax(0,1fr);grid-gap:12px;gap:12px}.turn .speaker{color:var(--muted);font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;padding-top:3px}.turn.assistant .speaker{color:var(--teal)}.turn.system{color:var(--muted);font-style:italic}textarea{width:100%;padding:10px 12px;border:1px solid var(--line);border-radius:8px;font:inherit;color:var(--ink);background:#fff;resize:vertical;line-height:1.5}textarea:focus{outline:2px solid var(--mint);border-color:var(--teal)}fieldset{border:0;padding:0;margin:0;min-width:0}fieldset:disabled input,fieldset:disabled textarea{background:#f6f8fa}small{display:block;color:var(--muted);font-size:13px;font-weight:400;margin-top:4px}.notice{background:#dcf7ef;color:#0a6b58;border-radius:8px;padding:10px 12px;margin-bottom:14px;font-size:14px}label.check{display:flex;align-items:flex-start;gap:10px;font-size:15px;margin-bottom:0;cursor:pointer}label.check input{margin-top:3px;width:18px;height:18px;accent-color:var(--teal);flex:none}.choices{display:flex;gap:24px}.field:last-child{margin-bottom:0}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));grid-gap:0 16px;gap:0 16px}.static{padding:10px 0;color:var(--muted);overflow-wrap:anywhere}.choices.wrap{flex-wrap:wrap;gap:10px 24px}.member-tools{display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;align-items:center;margin-top:16px;padding-top:16px;border-top:1px solid var(--line)}.inline-form{display:flex;gap:8px;flex:1 1 280px}.inline-form input{flex:1 1;min-width:0}.btn.danger-outline{color:var(--danger)}.btn.danger-outline:hover{border-color:var(--danger)}.card>header h2 .muted{font-weight:400}.incoming-banner{position:fixed;top:0;left:0;right:0;z-index:1000;display:flex;align-items:center;gap:12px;padding:max(12px,env(safe-area-inset-top)) 16px 12px;background:var(--navy);color:#fff;box-shadow:0 4px 18px rgba(11,31,74,.35);animation:incoming-flash 1s ease-in-out infinite alternate}.incoming-banner .who{flex:1 1;min-width:0}.incoming-banner .label{font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:var(--mint);font-weight:700}.incoming-banner .from{font-size:18px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.incoming-banner .btn{flex:none}.incoming-banner .pulse{width:14px;height:14px;border-radius:50%;background:var(--mint);flex:none;animation:incoming-pulse 1s ease-out infinite}@keyframes incoming-flash{0%{background:var(--navy)}to{background:var(--teal)}}@keyframes incoming-pulse{0%{box-shadow:0 0 0 0 rgba(31,224,184,.8)}to{box-shadow:0 0 0 12px rgba(31,224,184,0)}}@media (prefers-reduced-motion:reduce){.incoming-banner,.incoming-banner .pulse{animation:none}}.providers{display:grid;grid-gap:10px;gap:10px}.btn.provider{display:flex;align-items:center;justify-content:center;gap:10px;padding:10px 14px}.btn.provider.apple{background:#000;border-color:#000;color:#fff}.btn.provider.apple:hover{background:#222}.btn.provider.connected{color:var(--muted);cursor:default}.btn.provider.connected:hover{border-color:var(--line)}.divider{display:flex;align-items:center;gap:10px;color:var(--muted);font-size:13px;margin:18px 0}.divider:after,.divider:before{content:"";flex:1 1;border-top:1px solid var(--line)}