:root{--ink: #0e3550;--ink-deep: #08202f;--green: #12805a;--green-bright: #22a97a;--amber: #e9a22b;--red: #d14343;--page: #e4ebee;--surface: #f3f7f8;--card: #ffffff;--text: #0e3550;--text-body: #33505f;--text-muted: #5b7182;--text-dim: #8798a4;--text-label: #7a8c99;--text-faint: #b4c2ca;--on-ink: #ffffff;--tint-navy: #dce7ee;--ink-navy: #0e3550;--tint-green: #d3eee2;--ink-green: #0e5f44;--tint-amber: #f7e8c8;--tint-amber-soft: #fbf3e1;--ink-amber: #8a5b10;--tint-red: #fcefef;--ink-red: #b03030;--tint-neutral: #edf2f4;--tint-cool: #f1f5f7;--tint-unknown: #e8eef1;--ink-unknown: #7a8c99;--line-faint: rgba(14, 53, 80, .08);--line: rgba(14, 53, 80, .12);--line-strong: rgba(14, 53, 80, .16);--font-heading: "Archivo", system-ui, -apple-system, "Segoe UI", sans-serif;--font-body: "Nunito Sans", system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono: "IBM Plex Mono", ui-monospace, "SFMono-Regular", Menlo, monospace;--radius-sm: 10px;--radius: 14px;--radius-lg: 18px;--radius-card: 20px;--radius-xl: 22px;--pill: 999px;--shadow-card: 0 1px 2px rgba(8, 32, 47, .04), 0 8px 20px -14px rgba(8, 32, 47, .22);--shadow-sheet: 0 -12px 40px -12px rgba(8, 32, 47, .28);--shadow-float: 0 24px 48px -20px rgba(8, 32, 47, .25);--tap: 44px;--focus: 0 0 0 3px rgba(14, 53, 80, .18)}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--page);color:var(--text);font:400 16px/1.5 var(--font-body);-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%}h1,h2,h3,h4{font-family:var(--font-heading);font-weight:800;color:var(--text);margin:0;line-height:1.15}button{font:inherit;color:inherit;cursor:pointer}input,textarea,select{font:inherit;color:inherit;font-size:16px}a{color:var(--ink)}a:hover{color:var(--green)}:focus-visible{outline:none;box-shadow:var(--focus);border-radius:var(--radius-sm)}.eyebrow{font:600 11px/1 var(--font-mono);letter-spacing:1.5px;text-transform:uppercase;color:var(--text-label)}.mono{font-family:var(--font-mono)}.scroll-x{overflow-x:auto;-webkit-overflow-scrolling:touch}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}@keyframes shimmer{0%{background-position:-400px 0}to{background-position:400px 0}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes sheet-up{0%{transform:translateY(12px);opacity:0}to{transform:translateY(0);opacity:1}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:var(--tap);padding:12px 22px;border:1px solid transparent;border-radius:13px;font-family:var(--font-body);font-weight:800;font-size:15px;line-height:1;text-decoration:none;transition:filter .12s ease,background .12s ease}.btn:disabled{opacity:.45;cursor:not-allowed}.btn:not(:disabled):hover{filter:brightness(1.06)}.btn--primary{background:var(--ink);color:var(--on-ink)}.btn--secondary{background:var(--card);color:var(--ink);border-color:var(--line-strong)}.btn--destructive{background:var(--red);color:var(--on-ink)}.btn--quiet{background:transparent;color:var(--text-muted);font-weight:700;padding:0 10px}.btn--block{width:100%;padding:17px;border-radius:16px;font-size:17px}.btn--block.btn--primary{box-shadow:0 8px 18px -8px #0e355080}.btn--sm{min-height:36px;font-size:14px;padding:11px 18px;border-radius:12px}.chip{display:inline-flex;align-items:center;gap:6px;min-height:38px;padding:0 14px;border-radius:var(--pill);border:1px solid var(--line);background:var(--card);color:var(--text-body);font-size:15px;font-weight:700;white-space:nowrap}.chip[aria-pressed=true],.chip--on{background:var(--ink);border-color:var(--ink);color:var(--on-ink)}.badge{display:inline-flex;align-items:center;padding:4px 10px;border-radius:var(--pill);font-size:12px;font-weight:800;letter-spacing:.2px;white-space:nowrap}.badge--square{border-radius:6px}.badge--outline{background:transparent;border:1px dashed var(--text-faint);color:var(--text-faint);font-weight:700}.avatar{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;border-radius:50%;font-family:var(--font-heading);font-weight:800;letter-spacing:.3px}.card{background:var(--card);border-radius:var(--radius-card);box-shadow:var(--shadow-card)}.card--flat{box-shadow:none;border:1px solid var(--line-faint)}.skeleton{border-radius:var(--radius-sm);background:linear-gradient(90deg,var(--tint-neutral) 25%,#f7fafb 50%,var(--tint-neutral) 75%);background-size:800px 100%;animation:shimmer 1.4s linear infinite}.state{display:flex;flex-direction:column;align-items:center;text-align:center;gap:12px;padding:48px 28px}.state__icon{display:inline-flex;align-items:center;justify-content:center;width:76px;height:76px;border-radius:50%;background:var(--tint-navy);margin-bottom:4px}.state__title{font-family:var(--font-heading);font-weight:800;font-size:21px;color:var(--text)}.state__body{font-size:16px;line-height:1.55;color:var(--text-muted);max-width:34ch}.banner{display:flex;align-items:flex-start;gap:12px;padding:14px 16px;border-radius:var(--radius);font-size:15px;line-height:1.45}.banner--notice{background:var(--tint-amber-soft);color:var(--ink-amber)}.banner--alert{background:var(--tint-red);color:var(--ink-red)}.banner--info{background:var(--tint-navy);color:var(--ink-navy)}.banner--calm{background:var(--tint-neutral);color:var(--text-muted)}.banner__title{font-weight:800}.sheet-scrim{position:fixed;top:0;right:0;bottom:0;left:0;background:#08202f6b;display:flex;align-items:flex-end;justify-content:center;z-index:50;animation:fade-in .14s ease}.sheet{width:100%;max-width:560px;max-height:92vh;overflow-y:auto;background:var(--card);border-radius:var(--radius-xl) var(--radius-xl) 0 0;box-shadow:var(--shadow-sheet);padding:10px 22px calc(24px + env(safe-area-inset-bottom));animation:sheet-up .18s ease}.sheet__grabber{width:42px;height:5px;border-radius:var(--pill);background:var(--text-faint);margin:0 auto 16px}.sheet__title{font-family:var(--font-heading);font-weight:800;font-size:21px;margin-bottom:6px}.sheet__body{color:var(--text-muted);font-size:15px;line-height:1.5;margin-bottom:18px}@media(min-width:720px){.sheet-scrim{align-items:center}.sheet{border-radius:var(--radius-xl);max-height:86vh}}.field{display:block;margin-bottom:16px}.field__label{display:block;font:600 11px/1 var(--font-mono);letter-spacing:1.5px;text-transform:uppercase;color:var(--text-label);margin-bottom:8px}.field__control{width:100%;min-height:var(--tap);padding:11px 14px;border:1px solid var(--line-strong);border-radius:var(--radius);background:var(--card);color:var(--text)}.field__control:disabled{background:var(--tint-cool);color:var(--text-muted)}textarea.field__control{min-height:112px;resize:vertical;line-height:1.5}.field__hint{margin-top:6px;font-size:13px;color:var(--text-muted)}.field__error{margin-top:6px;font-size:14px;font-weight:700;color:var(--ink-red)}.field--invalid .field__control{border-color:var(--red)}.field__counter{float:right;font:500 12px var(--font-mono);color:var(--text-dim)}.otp{display:flex;gap:10px;justify-content:center}.otp__box{width:48px;height:60px;text-align:center;font-family:var(--font-heading);font-size:26px;font-weight:800;border:1.5px solid var(--line-strong);border-radius:var(--radius);background:var(--card);color:var(--text)}.otp__box:focus{border-color:var(--ink);box-shadow:var(--focus);outline:none}.otp--error .otp__box{border-color:var(--red);color:var(--ink-red)}.donut{display:inline-flex;align-items:center;justify-content:center;position:relative;flex:0 0 auto}.donut__label{position:absolute;text-align:center;font-family:var(--font-heading);font-weight:800;color:var(--text);line-height:1}.table{width:100%;border-collapse:collapse;font-size:15px}.table th{text-align:left;font:600 11px/1 var(--font-mono);letter-spacing:1.2px;text-transform:uppercase;color:var(--text-label);padding:10px 14px;border-bottom:1px solid var(--line);white-space:nowrap}.table td{padding:14px;border-bottom:1px solid var(--line-faint);vertical-align:middle}.table tbody tr:hover{background:var(--tint-cool)}.table__row-button{background:none;border:0;padding:0;text-align:left;width:100%}.row{display:flex;align-items:center;gap:12px;width:100%;min-height:72px;padding:12px 16px;background:var(--card);border:0;border-bottom:1px solid var(--line-faint);text-align:left}.row:last-child{border-bottom:0}.row__main{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:2px}.row__title{font-weight:800;font-size:16px;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.row__sub{font-size:14px;color:var(--text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.row__meta{flex:0 0 auto;font-size:13px;color:var(--text-dim);text-align:right;white-space:nowrap}.row__dot{width:9px;height:9px;border-radius:50%;background:var(--green-bright);flex:0 0 auto}.stack{display:flex;flex-direction:column}.cluster{display:flex;align-items:center;flex-wrap:wrap}.spread{display:flex;align-items:center;justify-content:space-between}.menu__trigger{display:inline-flex;align-items:center;justify-content:center;min-width:32px;height:32px;padding:0 8px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface);color:var(--text-muted);font:700 16px/1 var(--font-body);letter-spacing:1px;cursor:pointer}.menu__trigger:hover{border-color:var(--line-strong);color:var(--text)}.menu__trigger:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.menu__list{z-index:60;min-width:220px;margin-top:6px;padding:6px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow-float)}.menu__item{display:block;width:100%;padding:9px 10px;border:0;border-radius:var(--radius-sm);background:none;color:var(--text);font:600 14px/1.3 var(--font-body);text-align:left;cursor:pointer}.menu__item:hover:not(:disabled){background:var(--tint-neutral)}.menu__item:focus-visible{outline:2px solid var(--focus);outline-offset:-2px}.menu__item:disabled{color:var(--text-dim);cursor:not-allowed}.menu__item--danger:not(:disabled){color:var(--ink-red)}.app{display:flex;flex-direction:column;min-height:100dvh;background:var(--surface)}.app__main{flex:1 1 auto;padding-bottom:calc(92px + env(safe-area-inset-bottom))}.topbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;background:var(--surface);border-bottom:1px solid var(--line-faint)}.switcher-trigger{display:inline-flex;align-items:center;gap:9px;min-height:var(--tap);padding:4px 10px 4px 4px;border:0;border-radius:var(--pill);background:transparent;font-family:var(--font-heading);font-weight:700;font-size:16px;color:var(--text)}.switcher-trigger:hover{background:#0e35500d}.agent-live{display:inline-flex;align-items:center;gap:7px;font-size:13px;font-weight:700;color:var(--ink-green);white-space:nowrap}.agent-live__dot{width:8px;height:8px;border-radius:50%;background:var(--green-bright);animation:pulse-dot 2.4s ease-in-out infinite}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.35}}.page-head{padding:14px 16px 8px}.page-head h1{font-size:28px}.page-head__sub{color:var(--text-muted);font-size:15px;margin-top:4px}.page-body{padding:0 16px 24px}.searchbox{display:flex;align-items:center;gap:10px;min-height:var(--tap);margin:8px 16px 12px;padding:0 14px;border-radius:var(--radius);background:var(--card);border:1px solid var(--line);color:var(--text-dim)}.searchbox input{flex:1;border:0;outline:none;background:transparent;color:var(--text);min-height:var(--tap)}.chip-strip{display:flex;gap:8px;padding:0 16px 12px;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.chip-strip::-webkit-scrollbar{display:none}.list-group{border-radius:var(--radius-lg);overflow:hidden;background:var(--card);box-shadow:var(--shadow-card);margin-bottom:16px}.list-label{font:600 11px/1 var(--font-mono);letter-spacing:1.5px;text-transform:uppercase;color:var(--text-label);padding:16px 16px 8px}.tabbar{position:fixed;bottom:0;left:0;right:0;z-index:30;display:flex;gap:6px;padding:10px 12px calc(14px + env(safe-area-inset-bottom));background:var(--card);border-top:1px solid var(--line-faint)}.tabbar__item{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px;padding:7px 0;min-height:var(--tap);border:0;border-radius:var(--radius);background:transparent;color:var(--text-dim);font-size:12px;font-weight:600;text-decoration:none}.tabbar__item--on{background:#0e355012;color:var(--ink);font-weight:800}.usage-card{display:flex;align-items:center;gap:16px;margin:4px 16px 14px;padding:16px}.section-card{padding:16px;margin-bottom:16px}.detail-row{display:flex;justify-content:space-between;gap:16px;padding:12px 0;border-bottom:1px solid var(--line-faint);font-size:15px}.detail-row:last-child{border-bottom:0}.detail-row__label{color:var(--text-muted);flex:0 0 auto}.detail-row__value{font-weight:700;text-align:right;min-width:0;overflow-wrap:anywhere}.transcript-turn{padding:12px 0;border-bottom:1px solid var(--line-faint)}.transcript-turn:last-child{border-bottom:0}.transcript-turn__who{font:600 11px/1 var(--font-mono);letter-spacing:1.4px;text-transform:uppercase;color:var(--text-label);margin-bottom:6px}.transcript-turn__text{font-size:16px;line-height:1.55;color:var(--text-body)}.login{min-height:100dvh;display:flex;flex-direction:column;background:var(--surface)}.login__hero{background:linear-gradient(165deg,var(--ink) 0%,var(--ink-deep) 100%);color:var(--on-ink);padding:56px 28px 150px}.login__hero h1{color:var(--on-ink);font:700 33px/1.2 var(--font-heading);margin-top:76px}.login__hero p{color:#f3f7f8b8;margin:8px 0 0;font-size:16.5px}.login__panel{flex:none;background:var(--card);border-radius:24px;margin:-72px 20px 0;padding:24px;box-shadow:0 18px 40px -18px #08202f4d}.login__phone{display:flex;align-items:center;gap:12px;border:1.5px solid rgba(14,53,80,.18);border-radius:16px;padding:16px 18px;margin-top:10px;background:var(--card)}.login__phone--invalid{border-color:var(--red)}.login__phone-prefix{font-weight:700;font-size:18px;color:var(--text-dim)}.login__phone input{flex:1;min-width:0;border:0;padding:0;background:transparent;font-weight:700;font-size:18px;color:var(--text)}.login__phone input:focus{outline:none}.login__phone:focus-within{border-color:var(--ink);box-shadow:var(--focus)}.login__assurances{display:flex;flex-direction:column;gap:12px;padding:20px 24px;color:var(--text-muted);font-size:14px}.login__assurance{display:inline-flex;align-items:center;gap:12px;color:var(--text-body);font-size:15px}.login__assurance-chip{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:34px;height:34px;border-radius:11px}.login__assurance-chip--green{background:var(--tint-green)}.login__assurance-chip--cool{background:var(--tint-navy)}.login__footer{padding:18px 24px calc(28px + env(safe-area-inset-bottom));border-top:1px solid var(--line-faint);color:var(--text-muted);font-size:14px;text-align:center}@media(min-width:1024px){.app{flex-direction:row}.app__main{flex:1 1 auto;padding-bottom:0;min-width:0}.tabbar{position:sticky;top:0;left:auto;right:auto;bottom:auto;flex-direction:column;justify-content:flex-start;gap:4px;width:232px;height:100dvh;padding:22px 14px;background:linear-gradient(165deg,var(--ink) 0%,var(--ink-deep) 100%);border-top:0}.tabbar__item{flex:0 0 auto;flex-direction:row;justify-content:flex-start;gap:12px;width:100%;padding:11px 14px;color:#ffffff8c;font-size:15px}.tabbar__item--on{background:#ffffff1f;color:var(--on-ink)}.split{display:grid;grid-template-columns:minmax(340px,400px) 1fr;height:100dvh}.split__list{overflow-y:auto;border-right:1px solid var(--line);background:var(--surface)}.split__detail{overflow-y:auto;background:var(--page)}.page-body,.page-head{max-width:980px}}@media(max-width:1023px){.split{display:block}.split__detail{display:none}}