:root{color:#e7eaf2;background:#0b0f17;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at top,#1a2338 0%,#0b0f17 45%,#070b12 100%);min-height:100vh;margin:0}button,input,select,textarea{font:inherit}button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#4d7cff,#6f6cff);border:1px solid #668bff;border-radius:10px;padding:.55rem 1rem}button.secondary{background:#1b2233;border-color:#2b3650}button.danger{background:#4a1f30;border-color:#7e3150}input,select,textarea{color:#e7eaf2;background:#111826;border:1px solid #27334b;border-radius:8px;width:100%;padding:.5rem .65rem}textarea{resize:vertical;min-height:80px}.app-shell{gap:1rem;max-width:1240px;margin:0 auto;padding:1.25rem;display:grid}.centered{place-content:center;min-height:100vh}.card{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#101826d9;border:1px solid #27334b;border-radius:14px;padding:1rem}.auth-card{max-width:520px}.topbar{justify-content:space-between;align-items:center;display:flex}.tabs{flex-wrap:wrap;gap:.5rem;display:flex}.tab{background:#1b2233;border-color:#2b3650}.tab.active{background:linear-gradient(135deg,#4d7cff,#6f6cff);border-color:#7ea0ff}.infra-subtabs{border-style:dashed}.infra-header{justify-content:space-between;align-items:center}.status-pill{border:1px solid #2b3650;border-radius:999px;padding:.25rem .55rem;font-size:.82rem}.status-pill-connected{color:#a8e6a3;background:#2e6e2973;border-color:#2e6e29}.badge{text-transform:capitalize;border-radius:999px;align-items:center;gap:.3rem;padding:.16rem .5rem;font-size:.76rem;font-weight:600;display:inline-flex}.badge:before{content:"";background:currentColor;border-radius:50%;width:.38rem;height:.38rem}.badge-online{color:#a8e6a3;background:#2e6e2959}.badge-offline{color:#ffb4cb;background:#5a1d3859}.badge-busy{color:#f0d895;background:#5a4e1d59}.badge-idle{color:#9ed2ff;background:#2b507859}.badge-draining{color:#c5cfde;background:#4e566759}.icon-btn{color:#9ed2ff;background:#58a6ff29;border:1px solid #2b3650;border-radius:.38rem;justify-content:center;align-items:center;width:1.65rem;height:1.65rem;padding:0;font-size:1rem;line-height:1;display:inline-flex}.icon-btn:hover{background:#58a6ff40}.icon-btn.danger{color:#ffb4cb;background:#f8514929;border-color:#6e2946}.icon-btn.danger:hover{background:#f851493d}.icon-btn:disabled{cursor:wait;color:#9aa4bb;background:#111826}.grid{gap:1rem;display:grid}.two-cols{grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.split{grid-template-columns:minmax(280px,1fr) minmax(340px,1.2fr)}@media (width<=980px){.split{grid-template-columns:1fr}}.metric-list,.list,.details{margin:0;padding:0;list-style:none}.metric-list li{border-bottom:1px solid #1e2a41;justify-content:space-between;padding:.55rem 0;display:flex}.list li{margin-top:.55rem}.link-button{text-align:left;background:#131d2d;border-color:#27334b;gap:.2rem;width:100%;display:grid}.details{gap:.6rem;display:grid}.details div{gap:.15rem;display:grid}.details dt{color:#9aa4bb;font-size:.78rem}.details dd{margin:0}.customer-portal-data{border-top:1px solid #1e2a41;gap:.85rem;margin-top:1.25rem;padding-top:1rem;display:grid}.customer-detail-heading{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.customer-detail-heading h2{margin:0}.customer-portal-popout{flex:none;font-size:1.1rem}.dedicated-customer-portal-shell{max-width:1600px}.dedicated-customer-portal-card .customer-portal-data{border-top:0;margin-top:0;padding-top:0}.customer-subtabs{padding:0}.portal-stack{gap:.75rem;display:grid}.portal-detail,.portal-session-plan{background:#111a2a;border:1px solid #27334b;border-radius:10px;padding:.75rem}.portal-detail summary{color:#e7eaf2}.portal-list{margin:0;padding-left:1.25rem}.portal-session-plan{gap:.4rem;display:grid}.compact-details{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.table-scroll{overflow-x:auto}.clickable-row{cursor:pointer}.clickable-row:hover{background:#4d7cff1a}.portal-back{width:max-content}.portal-session-header{align-items:center;gap:.75rem;display:flex}.portal-session-header h3{margin:0}.portal-summary{white-space:pre-wrap;overflow-wrap:anywhere;background:#0b111d;border:1px solid #27334b;border-radius:8px;padding:.75rem}.segment-table td{vertical-align:top}.transcription-entry{white-space:pre-wrap;gap:.3rem;min-width:280px;display:grid}.transcription-entry+.transcription-entry{border-top:1px solid #27334b;margin-top:.6rem;padding-top:.6rem}.transcription-entry small{color:#9aa4bb}.plan-row{background:#111a2a;border:1px solid #27334b;border-radius:10px;justify-content:space-between;align-items:center;padding:.7rem;display:flex}.row{align-items:center;display:flex}.gap{gap:.5rem}.form-grid{gap:.55rem;margin-bottom:.85rem;display:grid}.muted{color:#9aa4bb}.error{color:#ffb4cb;background:#5a1d3873;border-color:#6e2946}.success{color:#a8e6a3;background:#1d5a2273;border-color:#2e6e29}.billing-section{flex-direction:column;gap:1.25rem;display:flex}.data-table{border-collapse:collapse;width:100%;margin-top:.75rem;font-size:.9rem}.data-table th,.data-table td{text-align:left;border-bottom:1px solid #ffffff14;padding:.5rem .75rem}.data-table th{color:#9aa4bb;text-transform:uppercase;letter-spacing:.03em;font-size:.8rem;font-weight:600}.data-table code{background:#ffffff0f;border-radius:3px;padding:.15rem .4rem;font-size:.8rem}details summary{cursor:pointer;color:#9aa4bb;font-size:.9rem}details summary:hover{color:#d4dae8}.stripe-plan-mapping{gap:.35rem;display:grid}.stripe-plan-mapping-label{color:#9aa4bb;font-size:.85rem}.stripe-plan-mapping-value{flex-wrap:wrap;align-items:center;gap:.6rem;display:flex}.stripe-linked{color:#a8e6a3}.stripe-integration-header{justify-content:space-between;align-items:flex-start;margin-bottom:.75rem}.stripe-integration-header h2{margin:0 0 .2rem}.stripe-integration-header p{margin:0}.stripe-mapping-table td{vertical-align:middle}.sync-badge{border-radius:20px;padding:.2rem .55rem;font-size:.75rem;font-weight:600;display:inline-block}.sync-badge-ok{color:#a8e6a3;background:#28643273;border:1px solid #2e6e29}.sync-badge-warn{color:#f0d080;background:#64501473;border:1px solid #6e5a20}.sync-badge-none{color:#9aa4bb;background:#32374b73;border:1px solid #2b3650}.usage-section{border-top:1px solid #1e2a41;gap:.85rem;margin-top:1.25rem;padding-top:1rem;display:grid}.storage-processing{color:#9ed2ff;align-items:center;gap:.65rem;display:flex}.processing-infinity{flex:none;place-items:center;width:2.15rem;height:2.15rem;font-size:1.15rem;font-weight:700;display:inline-grid;position:relative}.processing-infinity:before{content:"";border:2px solid #7ea0ff;border-color:#7ea0ff #9ed2ff #7ea0ff40 #7ea0ff40;border-radius:50%;animation:.9s linear infinite storage-infinity-spin;position:absolute;inset:0}.processing-infinity>span{animation:1.2s ease-in-out infinite storage-infinity-pulse}@keyframes storage-infinity-spin{to{transform:rotate(360deg)}}@keyframes storage-infinity-pulse{50%{opacity:.45;transform:scale(.88)}}@media (prefers-reduced-motion:reduce){.processing-infinity:before,.processing-infinity>span{animation:none}}.usage-section-header{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.75rem;display:flex}.usage-section-header h3{margin:0;font-size:1rem}.usage-metric-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:.75rem;display:grid}.usage-metric-card{background:linear-gradient(160deg,#2d468247,#111826e6);border:1px solid #2b3d63;border-radius:12px;gap:.25rem;min-height:96px;padding:.85rem .9rem;display:grid}.usage-metric-label{color:#9eb0d0;text-transform:uppercase;letter-spacing:.04em;font-size:.78rem;font-weight:600}.usage-metric-value{color:#f2f5ff;font-variant-numeric:tabular-nums;font-size:1.35rem;line-height:1.2}.usage-metric-hint{color:#7f8eab;font-size:.75rem}.usage-secondary-row{flex-wrap:wrap;gap:.6rem;display:flex}.usage-secondary-chip{background:#1b2233d9;border:1px solid #2b3650;border-radius:10px;flex-direction:column;gap:.15rem;min-width:150px;padding:.55rem .75rem;display:flex}.usage-secondary-chip span{color:#9aa4bb;font-size:.78rem}.usage-secondary-chip strong{font-variant-numeric:tabular-nums;color:#dce4f5}.checkbox-row{align-items:center;gap:.55rem;display:flex}.checkbox-row input[type=checkbox]{width:auto}.table-wrap{overflow-x:auto}.status-pill-error{color:#ffb3c8;background:#7e315040;border-color:#7e3150}.status-pill-connecting{color:#ffe6a3;background:#78601e40;border-color:#6b5b2c}