:root{--c-bg: #f8fafb;--c-surface: #ffffff;--c-surface-2: #f1f4f7;--c-surface-hover: #e9eef2;--c-border: #e8edf1;--c-border-strong: #d4dde4;--c-text: #1f2d3a;--c-text-muted: #5a6a78;--c-text-faint: #8493a0;--c-text-on-accent: #ffffff;--c-accent: #0e7c86;--c-accent-hover: #0b656d;--c-accent-soft: #d7eef0;--c-focus: #1597a3;--c-idle: #8493a0;--c-calling: #2f6fb0;--c-ringing: #c47f17;--c-ringing-soft: #fbeccd;--c-connected: #2e8b57;--c-connected-soft: #d9f0e2;--c-danger: #c0392b;--c-danger-soft: #f7dcd8;--c-danger-hover: #a5311f;--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 24px;--sp-6: 32px;--sp-7: 48px;--sp-8: 64px;--r-sm: 6px;--r-md: 10px;--r-lg: 16px;--r-pill: 999px;--sh-1: 0 1px 2px rgba(31, 45, 58, .04);--sh-2: 0 4px 20px rgba(31, 45, 58, .08);--sh-3: 0 12px 40px rgba(31, 45, 58, .12);--fs-xs: 12px;--fs-sm: 13px;--fs-md: 15px;--fs-lg: 18px;--fs-xl: 24px;--fs-2xl: 32px;--font-sans: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-mono: ui-monospace, "Cascadia Code", "Fira Code", Menlo, Consolas, monospace;--transition: .16s cubic-bezier(.2, .6, .3, 1)}@media (prefers-color-scheme: dark){:root{--c-bg: #0f1720;--c-surface: #16212c;--c-surface-2: #1d2a36;--c-surface-hover: #243341;--c-border: #2a3947;--c-border-strong: #3a4d5e;--c-text: #e7eef4;--c-text-muted: #a4b3c0;--c-text-faint: #74808c;--c-accent: #2bb7c4;--c-accent-hover: #44c8d4;--c-accent-soft: #123942;--c-focus: #44c8d4;--c-ringing-soft: #3a3119;--c-connected-soft: #16352a;--c-danger-soft: #3a211e;--sh-1: 0 1px 2px rgba(0, 0, 0, .3);--sh-2: 0 2px 10px rgba(0, 0, 0, .35);--sh-3: 0 8px 32px rgba(0, 0, 0, .5)}}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:var(--font-sans);font-size:var(--fs-md);line-height:1.6;color:var(--c-text);background:var(--c-bg);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}h1,h2,h3,h4{margin:0 0 var(--sp-2);font-weight:650;line-height:1.25}a{color:var(--c-accent)}:focus-visible{outline:2px solid var(--c-focus);outline-offset:2px;border-radius:var(--r-sm)}button{font-family:inherit}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}@keyframes tc-shimmer{0%{background-position:-400px 0}to{background-position:400px 0}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-2);padding:var(--sp-2) var(--sp-4);font-size:var(--fs-md);font-weight:550;line-height:1;border:1px solid transparent;border-radius:var(--r-md);cursor:pointer;transition:background var(--transition),border-color var(--transition),opacity var(--transition),transform var(--transition);white-space:nowrap;user-select:none}.btn:active{transform:translateY(.5px)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn--primary{background:var(--c-accent);color:var(--c-text-on-accent)}.btn--primary:hover:not(:disabled){background:var(--c-accent-hover)}.btn--secondary{background:var(--c-surface);color:var(--c-text);border-color:var(--c-border-strong)}.btn--secondary:hover:not(:disabled){background:var(--c-surface-hover)}.btn--ghost{background:transparent;color:var(--c-text-muted)}.btn--ghost:hover:not(:disabled){background:var(--c-surface-2);color:var(--c-text)}.btn--danger{background:var(--c-danger);color:#fff}.btn--danger:hover:not(:disabled){background:var(--c-danger-hover)}.btn--success{background:var(--c-connected);color:#fff}.btn--success:hover:not(:disabled){filter:brightness(1.05)}.btn--block{width:100%}.btn--lg{padding:var(--sp-3) var(--sp-5);font-size:var(--fs-lg);border-radius:var(--r-lg)}.btn--sm{padding:var(--sp-1) var(--sp-3);font-size:var(--fs-sm)}.card{background:var(--c-surface);border:1px solid transparent;border-radius:var(--r-lg);box-shadow:none}.card--bordered{border-color:var(--c-border);box-shadow:var(--sh-1)}.card__header{padding:var(--sp-5) var(--sp-6);border-bottom:1px solid var(--c-border);display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3)}.card__title{font-size:var(--fs-lg);font-weight:600}.card__body{padding:var(--sp-5) var(--sp-6)}.field{display:flex;flex-direction:column;gap:var(--sp-2);margin-bottom:var(--sp-4)}.field__label{font-size:var(--fs-sm);font-weight:550;color:var(--c-text-muted)}.field__input,.field__textarea,.field__select{width:100%;padding:var(--sp-3) var(--sp-3);font-size:var(--fs-md);font-family:inherit;color:var(--c-text);background:var(--c-surface);border:1px solid var(--c-border-strong);border-radius:var(--r-md);transition:border-color var(--transition),box-shadow var(--transition)}.field__input:focus,.field__textarea:focus,.field__select:focus{outline:none;border-color:var(--c-focus);box-shadow:0 0 0 3px var(--c-accent-soft)}.field__textarea{resize:vertical;min-height:90px;line-height:1.5}.field__error{font-size:var(--fs-sm);color:var(--c-danger)}.field__hint{font-size:var(--fs-xs);color:var(--c-text-faint)}.badge{display:inline-flex;align-items:center;gap:var(--sp-1);padding:2px var(--sp-2);font-size:var(--fs-xs);font-weight:600;border-radius:var(--r-pill);background:var(--c-surface-2);color:var(--c-text-muted);white-space:nowrap}.badge__dot{width:7px;height:7px;border-radius:50%;background:currentColor}.badge--idle{color:var(--c-idle)}.badge--calling{color:var(--c-calling)}.badge--ringing{color:var(--c-ringing);background:var(--c-ringing-soft)}.badge--connected{color:var(--c-connected);background:var(--c-connected-soft)}.badge--danger{color:var(--c-danger);background:var(--c-danger-soft)}.badge--success{color:var(--c-connected);background:var(--c-connected-soft)}.table{width:100%;border-collapse:collapse;font-size:var(--fs-sm)}.table th,.table td{padding:var(--sp-3) var(--sp-4);text-align:left}.table thead th{font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:.04em;color:var(--c-text-faint);border-bottom:1px solid var(--c-border)}.table tbody tr{border-bottom:1px solid var(--c-border)}.table tbody tr:last-child{border-bottom:none}.skeleton{background:linear-gradient(90deg,var(--c-surface-2) 25%,var(--c-surface-hover) 37%,var(--c-surface-2) 63%);background-size:800px 100%;animation:tc-shimmer 1.4s infinite linear;border-radius:var(--r-sm)}.spinner{width:22px;height:22px;border:3px solid var(--c-border-strong);border-top-color:var(--c-accent);border-radius:50%;animation:tc-spin .8s linear infinite}@keyframes tc-spin{to{transform:rotate(360deg)}}.fullpage{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--sp-3);color:var(--c-text-muted)}.modal__overlay{position:fixed;inset:0;background:#0f172073;display:flex;align-items:center;justify-content:center;padding:var(--sp-4);z-index:50;animation:tc-fade var(--transition)}.modal{background:var(--c-surface);border-radius:var(--r-lg);box-shadow:var(--sh-3);width:100%;max-width:440px;padding:var(--sp-5)}.modal__title{font-size:var(--fs-lg)}.modal__actions{display:flex;justify-content:flex-end;gap:var(--sp-2);margin-top:var(--sp-5)}@keyframes tc-fade{0%{opacity:0}to{opacity:1}}.toast__region{position:fixed;bottom:var(--sp-5);right:var(--sp-5);display:flex;flex-direction:column;gap:var(--sp-2);z-index:100;max-width:360px}.toast{display:flex;align-items:flex-start;gap:var(--sp-2);padding:var(--sp-3) var(--sp-4);background:var(--c-surface);border:1px solid var(--c-border);border-left:4px solid var(--c-text-faint);border-radius:var(--r-md);box-shadow:var(--sh-2);font-size:var(--fs-sm);animation:tc-slide-in var(--transition)}.toast--success{border-left-color:var(--c-connected)}.toast--error{border-left-color:var(--c-danger)}.toast--info{border-left-color:var(--c-accent)}@keyframes tc-slide-in{0%{opacity:0;transform:translate(12px)}to{opacity:1;transform:translate(0)}}.login{min-height:100%;display:flex;align-items:center;justify-content:center;padding:var(--sp-5);background:radial-gradient(1200px 600px at 50% -10%,var(--c-accent-soft),transparent 60%),var(--c-bg)}.login__card{width:100%;max-width:380px;background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--r-lg);box-shadow:var(--sh-2);padding:var(--sp-6)}.login__brand{text-align:center;margin-bottom:var(--sp-5)}.login__mark{width:48px;height:48px;margin:0 auto var(--sp-3);display:flex;align-items:center;justify-content:center;font-size:26px;font-weight:700;color:var(--c-text-on-accent);background:var(--c-accent);border-radius:var(--r-md)}.login__title{font-size:var(--fs-xl);margin-bottom:var(--sp-1)}.login__subtitle{color:var(--c-text-muted);font-size:var(--fs-sm);margin:0}.login__error{margin-bottom:var(--sp-4);padding:var(--sp-2) var(--sp-3);font-size:var(--fs-sm);color:var(--c-danger);background:var(--c-danger-soft);border-radius:var(--r-md)}.login__footer{margin:var(--sp-5) 0 0;text-align:center;font-size:var(--fs-xs);color:var(--c-text-faint)}