:root{--font-body:"DM Sans", system-ui, sans-serif;--font-mono:"JetBrains Mono", monospace;--bg-base:#08111c;--bg-surface:#0a121ce0;--bg-hover:#142336;--border:#85a6c824;--text-primary:#f4f7fb;--text-secondary:#c3ceda;--text-tertiary:#8291a5;--success:#4fd19f;--shadow-soft:0 24px 80px #00000059}*{box-sizing:border-box}html,body,#root{min-width:320px;min-height:100%}html{background:radial-gradient(circle at top left, #39b7f724, transparent 28%), radial-gradient(circle at top right, #4fd19f1a, transparent 24%), var(--bg-base)}body{font-family:var(--font-body);color:var(--text-primary);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:0 0;margin:0}button,input,select{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}table{border-collapse:collapse;width:100%}th,td{white-space:nowrap}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#8291a547;border-radius:999px}.monitor-app{min-height:100vh}.environment-marker{z-index:1200;color:#fff7ed;letter-spacing:0;pointer-events:none;text-transform:uppercase;background:#78350feb;border:1px solid #fdba7494;border-radius:7px;justify-content:center;align-items:center;min-height:28px;padding:0 11px;font-size:11px;font-weight:800;line-height:1;display:inline-flex;position:fixed;top:14px;right:14px;box-shadow:0 12px 34px #0000003d}.primary-button,.secondary-button{border:1px solid var(--border);border-radius:11px;min-height:40px;transition:background .18s,color .18s,border-color .18s,transform .18s}.primary-button{background:linear-gradient(135deg, var(--accent), #74ffe5);color:#04111c;border-color:#0000;font-weight:700}.primary-button:hover:not(:disabled),.secondary-button:hover:not(:disabled){transform:translateY(-1px)}.primary-button:disabled,.secondary-button:disabled{opacity:.45;cursor:default}.secondary-button{color:var(--text-primary);background:#1423369e}.auth-screen{place-items:center;min-height:100vh;padding:28px;display:grid}.auth-layout{gap:22px;width:min(520px,100%);display:grid}.auth-panel-header{justify-content:space-between;align-items:flex-start;gap:14px;display:flex}.auth-panel-copy{gap:4px;min-width:0;display:grid}.auth-wordmark{flex-shrink:0;width:min(96px,28vw);height:auto;display:block}.auth-panel{flex-direction:column;gap:22px;padding:28px;display:flex}.auth-title{letter-spacing:-.05em;max-width:12ch;margin:28px 0 10px;font-size:clamp(28px,4vw,48px);line-height:.98}.auth-copy{max-width:56ch;color:var(--text-secondary);margin:0;line-height:1.7}.auth-feature-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:28px;display:grid}.auth-feature-card{border:1px solid var(--border);background:#080f1aa6;border-radius:14px;padding:16px}.auth-feature-copy{color:var(--text-secondary);margin:12px 0 0;font-size:14px;line-height:1.6}.auth-form{gap:14px;display:grid}.auth-submit-button{width:100%;min-height:44px;color:var(--text-primary);background:#142336eb;border-color:#85a6c833;margin-top:4px;box-shadow:0 12px 28px #00000038}.auth-submit-button:hover:not(:disabled){background:#1b2e45fa;border-color:#39b7f752;box-shadow:0 16px 34px #00000047}.auth-submit-button:disabled{opacity:1;color:#f4f7fb6b;box-shadow:none;background:#101b29eb;border-color:#85a6c824}.auth-actions{gap:10px;display:grid}.auth-secondary-button{width:100%}.auth-field{gap:8px;display:grid}.auth-input{padding-left:14px}.auth-error{color:#ffb4bb;background:#f2767d1f;border:1px solid #f2767d40;border-radius:10px;padding:10px 12px;font-size:13px}.monitor-shell{height:100vh;min-height:100vh;display:flex;overflow:hidden}.monitor-sidebar{border-right:1px solid var(--border);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:#070d16e6;flex-direction:column;flex-shrink:0;gap:14px;width:280px;height:100vh;padding:20px 14px;display:flex;overflow-y:auto;box-shadow:inset -1px 0 #ffffff08}.monitor-content{flex-direction:column;flex:1;min-width:0;min-height:0;display:flex;overflow:hidden}.monitor-topbar{flex-shrink:0;padding:20px 24px 0}.monitor-main{flex:1;min-height:0;padding:18px 24px 28px;overflow-y:auto}.brand-lockup{align-items:center;gap:12px;display:flex}.brand-badge{background:linear-gradient(135deg, var(--accent), #74ffe5);color:#04111c;width:34px;height:34px;font-family:var(--font-mono);border-radius:10px;place-items:center;font-weight:700;display:grid}.brand-logo{object-fit:cover;border-radius:12px;flex-shrink:0;width:38px;height:38px;display:block}.eyebrow{color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.16em;margin:0 0 4px;font-size:11px}.brand-title{letter-spacing:-.03em;margin:0;font-size:15px}.brand-copy{color:var(--text-secondary);margin:4px 0 0;font-size:13px;line-height:1.5}.sidebar-nav{gap:8px;display:grid}.nav-button{width:100%;color:var(--text-secondary);background:0 0;border:1px solid #0000;border-radius:11px;align-items:center;gap:9px;padding:9px 12px;transition:background .18s,border-color .18s,color .18s,transform .18s;display:flex}.nav-button:hover{border-color:var(--border);color:var(--text-primary);background:#142336b8;transform:translate(2px)}.nav-button.is-active{background:var(--accent-soft);color:var(--text-primary);border-color:var(--accent-border)}.sidebar-footnote{border-top:1px solid var(--border);color:var(--text-tertiary);gap:14px;margin-top:auto;padding-top:16px;font-size:12px;line-height:1.6;display:grid}.role-preview-panel{border:1px solid var(--border);background:#0a121cc7;border-radius:12px;gap:8px;padding:12px;display:grid}.role-preview-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.1em;font-size:11px;font-weight:600}.role-preview-select-wrap{display:block;position:relative}.role-preview-select-wrap:after{content:"";border-right:1.5px solid var(--text-secondary);border-bottom:1.5px solid var(--text-secondary);pointer-events:none;width:7px;height:7px;position:absolute;top:calc(50% - 2px);right:20px;transform:translateY(-50%)rotate(45deg)}.role-preview-select{width:100%;padding-right:46px;appearance:none!important;background-image:none!important}.role-preview-select::-ms-expand{display:none}.user-card{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.user-card-copy{min-width:0}.user-card-name{color:var(--text-primary);white-space:nowrap;font-size:15px;font-weight:600;line-height:1.2}.user-card-email{color:var(--text-tertiary);white-space:nowrap;margin-top:6px;font-size:12px;line-height:1.2}.user-role-badge{letter-spacing:.04em;white-space:nowrap;flex-shrink:0;min-height:22px;padding:0 7px;font-size:9px}.sidebar-signout-button{margin-top:6px}.meta-row,.header-badges{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.header-badges{margin-top:12px}.badge{border:1px solid var(--border);min-height:28px;color:var(--text-secondary);background:#0a121cbd;border-radius:999px;align-items:center;gap:6px;padding:0 10px;font-size:11px;display:inline-flex}.badge-accent{border-color:var(--accent-border);background:var(--accent-soft);color:var(--text-primary)}.badge-live:before{content:"";background:var(--success);border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 6px #4fd19f1f}.data-status-banner{border:1px solid var(--accent-border);background:linear-gradient(135deg, #39b7f721, #0a121ce0 54%), var(--bg-surface);border-radius:14px;justify-content:space-between;align-items:center;gap:18px;margin-bottom:16px;padding:15px 16px;display:flex;box-shadow:0 18px 48px #0000003d}.data-status-banner.is-error{background:linear-gradient(135deg, #f2767d21, #0a121ce6 54%), var(--bg-surface);border-color:#f2767d52}.data-status-kicker{color:var(--text-tertiary);letter-spacing:.08em;text-transform:uppercase;margin:0 0 5px;font-size:10px;font-weight:800}.data-status-title{color:var(--text-primary);letter-spacing:0;margin:0;font-size:15px;font-weight:800}.data-status-copy{color:var(--text-secondary);margin:6px 0 0;font-size:12px;line-height:1.5}.data-status-action{flex-shrink:0;min-width:112px;padding:0 14px}.page-header{margin-bottom:18px}.page-title{letter-spacing:-.04em;margin:0;font-size:clamp(20px,2vw,26px);line-height:1.1}.page-subtitle{color:var(--text-secondary);max-width:760px;margin:6px 0 0;font-size:13px;line-height:1.5}.surface{background:var(--bg-surface);border:1px solid var(--border);box-shadow:var(--shadow-soft);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);border-radius:14px}.surface-header{justify-content:space-between;align-items:center;gap:10px;margin-bottom:14px;display:flex}.surface-title{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.1em;margin:0;font-size:12px;font-weight:600}.surface-note{color:var(--text-tertiary);margin:0;font-size:12px}.panel-body{padding:16px 18px}.monitor-kpis,.monitor-grid-2,.monitor-grid-3,.monitor-grid-5,.monitor-detail-grid{gap:12px;display:grid}.monitor-kpis{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));margin-bottom:16px}.monitor-grid-2{grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:16px}.monitor-grid-3{grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:16px}.monitor-grid-5{grid-template-columns:repeat(5,minmax(0,1fr));margin-bottom:16px}.monitor-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:16px}.kpi-card{padding:16px 18px}.kpi-label{color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.08em;margin:0 0 6px;font-size:10px;font-weight:600}.kpi-value-row{align-items:baseline;gap:6px;display:flex}.kpi-value{font-family:var(--font-mono);letter-spacing:-.04em;font-size:clamp(22px,2.8vw,26px);font-weight:700}.kpi-unit{color:var(--text-tertiary);font-size:12px}.kpi-subcopy{color:var(--text-secondary);margin:6px 0 0;font-size:12px}.admin-dashboard{gap:16px;display:grid}.admin-dashboard>*,.monitor-grid-2>*,.monitor-grid-3>*,.monitor-grid-5>*,.monitor-detail-grid>*{min-width:0}.admin-page-header{justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:0;display:flex}.admin-header-button{white-space:nowrap;padding:0 14px}.admin-filters-toolbar{margin:0}.admin-action-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.admin-action-card{border:1px solid var(--border);background:linear-gradient(#1a2c44d6,#0a14229e),#080f1a7a;border-radius:14px;min-height:132px;padding:14px;box-shadow:inset 0 1px #ffffff0a}.admin-action-topline{color:var(--text-secondary);letter-spacing:.08em;text-transform:uppercase;align-items:center;gap:8px;font-size:11px;font-weight:700;display:flex}.admin-action-dot{border-radius:999px;flex-shrink:0;width:9px;height:9px;box-shadow:0 0 0 6px #ffffff0f}.admin-action-value{letter-spacing:-.06em;margin-top:16px;font-size:clamp(28px,4vw,38px);font-weight:800;line-height:1}.admin-action-card p{color:var(--text-tertiary);margin:10px 0 0;font-size:12px;line-height:1.5}.admin-total-callout{box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:0;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:0;display:grid}.admin-total-copy{border:1px solid var(--border);background:var(--bg-surface);min-width:0;box-shadow:var(--shadow-soft);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);border-radius:14px;justify-content:space-between;align-items:center;gap:18px;padding:18px 22px;display:flex}.admin-total-copy.is-cost-highlight{background:linear-gradient(135deg, #4fd19f24, #0a121ce6 58%), var(--bg-surface);border-color:#4fd19f57}.admin-total-label{color:var(--text-secondary);letter-spacing:.1em;text-transform:uppercase;margin:0;font-size:12px;font-weight:700}.admin-total-note{color:var(--text-tertiary);margin:6px 0 0;font-size:12px}.admin-total-value{color:var(--text-primary);letter-spacing:-.08em;white-space:nowrap;font-size:clamp(32px,5vw,46px);line-height:1}.assistant-metrics-panel{background:linear-gradient(135deg,#39b7f721,#0a121ceb 42%),#080f1ae0;border-color:#39b7f738;grid-template-columns:minmax(220px,.9fr) minmax(320px,1.35fr) minmax(190px,.75fr);align-items:stretch;gap:18px;padding:20px;display:grid}.assistant-metrics-copy{align-content:start;gap:12px;min-width:0;display:grid}.assistant-health-row{color:var(--text-secondary);letter-spacing:.08em;text-transform:uppercase;align-items:center;gap:8px;font-size:11px;font-weight:800;display:inline-flex}.assistant-health-dot{background:var(--accent);border-radius:999px;flex-shrink:0;width:10px;height:10px;box-shadow:0 0 0 7px #39b7f71c}.assistant-metrics-panel.is-success .assistant-health-dot{background:#4fd19f;box-shadow:0 0 0 7px #4fd19f1f}.assistant-metrics-panel.is-warning .assistant-health-dot{background:#f4b64f;box-shadow:0 0 0 7px #f4b64f1f}.assistant-metrics-panel.is-danger .assistant-health-dot{background:#f2767d;box-shadow:0 0 0 7px #f2767d1f}.assistant-metrics-title{color:var(--text-primary);letter-spacing:0;margin:0;font-size:clamp(20px,2.1vw,28px);line-height:1.08}.assistant-main-value{gap:4px;display:grid}.assistant-main-value strong{letter-spacing:0;font-size:clamp(44px,6vw,68px);line-height:.95}.assistant-main-value span{color:var(--text-secondary);letter-spacing:.08em;text-transform:uppercase;font-size:12px;font-weight:700}.assistant-metrics-note{color:var(--text-secondary);margin:0;font-size:13px;line-height:1.55}.assistant-metrics-link{justify-self:start;margin-top:2px;font-size:12px;font-weight:700}.assistant-meter-list{align-content:center;gap:13px;min-width:0;display:grid}.assistant-meter{gap:7px;display:grid}.assistant-meter-header{color:var(--text-secondary);justify-content:space-between;align-items:baseline;gap:12px;font-size:12px;font-weight:700;display:flex}.assistant-meter-header strong{color:var(--text-primary);font-size:14px}.assistant-meter-track{background:#142336e6;border-radius:999px;height:9px;overflow:hidden}.assistant-meter-track span{border-radius:inherit;background:var(--accent);height:100%;display:block}.assistant-meter.is-success .assistant-meter-track span{background:#4fd19f}.assistant-meter.is-warning .assistant-meter-track span{background:#f4b64f}.assistant-meter.is-danger .assistant-meter-track span{background:#f2767d}.assistant-meter p{color:var(--text-tertiary);margin:0;font-size:11px;line-height:1.45}.assistant-fact-list{border-left:1px solid var(--border);gap:0;margin:0;display:grid}.assistant-fact-list div{border-bottom:1px solid var(--border);padding:2px 0 14px 18px}.assistant-fact-list div:last-child{border-bottom:0;padding-bottom:0}.assistant-fact-list dt{color:var(--text-tertiary);letter-spacing:.08em;text-transform:uppercase;font-size:10px;font-weight:800}.assistant-fact-list dd{color:var(--text-primary);margin:7px 0 0;font-size:clamp(20px,2.4vw,28px);font-weight:800;line-height:1}.assistant-fact-list p{color:var(--text-tertiary);margin:7px 0 0;font-size:11px;line-height:1.45}.admin-performance-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.admin-performance-grid>div{border:1px solid var(--border);background:#14233673;border-radius:12px;gap:8px;padding:14px;display:grid}.admin-performance-grid strong{color:var(--text-primary);font-size:20px}.admin-status-badge{letter-spacing:.06em;text-transform:uppercase;border-radius:999px;align-items:center;min-height:24px;padding:4px 9px;font-size:10px;font-weight:800;display:inline-flex}.admin-status-badge.is-success{color:#4fd19f;background:#4fd19f24}.admin-status-badge.is-warning{color:#f4b64f;background:#f4b64f24}.admin-status-badge.is-danger{color:#f2767d;background:#f2767d24}.admin-status-badge.is-muted{color:var(--text-tertiary);background:#8291a524}.table-wrap,.timeline-wrap,.table-scroll-wrap{overflow-x:auto}.table-scroll-wrap thead th{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1;background:#080f1af7;position:sticky;top:0}.pagination-bar{align-items:center;gap:8px;display:flex}.pagination-btn{border:1px solid var(--border);width:28px;height:28px;color:var(--text-secondary);background:#14233680;border-radius:8px;place-items:center;transition:background .15s,color .15s;display:grid}.pagination-btn:hover:not(:disabled){color:var(--text-primary);background:#1e324be6}.pagination-btn:disabled{opacity:.3;cursor:default}.clickable-row{transition:background .16s}.clickable-row:hover{background:#142336b8}.copy-id-button{border:1px solid var(--border);color:var(--text-tertiary);white-space:nowrap;opacity:.68;background:#14233680;border-radius:5px;align-items:center;gap:3px;padding:2px 5px;font-size:9px;transition:background .15s,color .15s,opacity .15s;display:inline-flex}.clickable-row:hover .copy-id-button,.copy-id-button:focus-visible,.copy-id-button.is-copied{opacity:1}.copy-id-button.is-copied{color:#4fd19f;background:#4fd19f1f}.filters-toolbar{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:14px;display:flex}.date-range-filter{z-index:20;position:relative}.date-filter-button{border:1px solid var(--border);min-width:210px;min-height:34px;color:var(--text-primary);background:#1423369e;border-radius:11px;justify-content:space-between;align-items:center;gap:12px;padding:6px 10px 6px 12px;transition:background .16s,border-color .16s;display:inline-flex}.date-filter-button:hover,.date-filter-button.is-open,.date-filter-button.has-value{border-color:var(--accent-border);background:#1b2e45eb}.date-filter-button-copy{text-align:left;gap:1px;display:grid}.date-filter-button-label{color:var(--text-tertiary);letter-spacing:.08em;text-transform:uppercase;font-size:9px;font-weight:800}.date-filter-button-value{color:var(--text-secondary);white-space:nowrap;font-size:12px}.date-filter-popover{border:1px solid var(--border);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:#080f1afa;border-radius:16px;width:min(328px,100vw - 40px);padding:12px;position:absolute;top:calc(100% + 8px);left:0;box-shadow:0 24px 80px #0000008c}.date-filter-mode-row{justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px;display:flex}.date-preset-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin-bottom:12px;display:grid}.date-preset-grid button{border:1px solid var(--border);min-height:30px;color:var(--text-secondary);background:#1423368a;border-radius:9px;font-size:11px;font-weight:700;transition:background .15s,border-color .15s,color .15s}.date-preset-grid button:hover{border-color:var(--accent-border);color:var(--text-primary);background:#39b7f71a}.date-mode-label{color:var(--text-tertiary);letter-spacing:.08em;text-transform:uppercase;font-size:10px;font-weight:800}.date-mode-select{min-height:32px;font-size:12px}.date-calendar-header{justify-content:space-between;align-items:center;gap:8px;margin-bottom:12px;display:flex}.date-calendar-header strong{color:var(--text-primary);font-size:13px}.date-calendar-nav{border:1px solid var(--border);width:30px;height:30px;color:var(--text-secondary);background:#1423369e;border-radius:9px;place-items:center;display:grid}.date-calendar-nav:hover{color:var(--text-primary);background:#1e324be6}.date-weekdays,.date-calendar-grid{grid-template-columns:repeat(7,minmax(0,1fr));gap:4px;display:grid}.date-weekdays{margin-bottom:6px}.date-weekdays span{color:var(--text-tertiary);text-align:center;font-size:10px;font-weight:800}.date-calendar-day{height:34px;color:var(--text-secondary);font-size:12px;font-family:var(--font-mono);background:0 0;border:1px solid #0000;border-radius:10px}.date-calendar-day:hover{border-color:var(--accent-border);color:var(--text-primary);background:#39b7f71a}.date-calendar-day.is-outside{color:#8291a56b}.date-calendar-day.is-today{border-color:#4fd19f6b}.date-calendar-day.is-in-range{color:var(--text-primary);background:#39b7f71f}.date-calendar-day.is-selected{border-color:var(--accent);background:linear-gradient(135deg, var(--accent), #74ffe5);color:#04111c;font-weight:800}.date-filter-footer{border-top:1px solid var(--border);color:var(--text-tertiary);justify-content:space-between;align-items:center;gap:10px;margin-top:12px;padding-top:10px;font-size:11px;display:flex}.date-clear-button{white-space:nowrap;min-height:28px;padding:0 4px;font-size:11px}.analytics-filters-toolbar{margin-bottom:16px}.calls-view .page-header{margin-bottom:14px}.calls-view .page-title{font-size:clamp(18px,1.8vw,22px)}.calls-view .page-subtitle{margin-top:4px;font-size:12px}.calls-view .filters-toolbar{gap:6px;margin-bottom:12px}.calls-view .control,.calls-view .search-input{min-height:32px;font-size:12px}.calls-view .search-input{padding-left:34px}.calls-view .search-icon{left:12px}.calls-view .badge{min-height:24px;padding:0 8px;font-size:10px}.calls-view .panel-body{padding:12px 14px}.calls-view .surface-header{gap:8px;margin-bottom:10px}.calls-view .surface-title,.calls-view .surface-note{font-size:11px}.calls-view .pagination-bar{gap:6px}.calls-view .pagination-btn{width:26px;height:26px}.calls-view table{font-size:13px}.control,.search-input{border:1px solid var(--border);min-height:36px;color:var(--text-primary);background:#0a121ce6;border-radius:10px}.control{padding:0 10px}.search-wrap{flex:250px;min-width:220px;position:relative}.search-input{outline:none;width:100%;padding:0 12px 0 36px}.search-icon{color:var(--text-tertiary);position:absolute;top:50%;left:14px;transform:translateY(-50%)}.text-link{color:var(--accent);background:0 0;border:0;padding:0}.muted{color:var(--text-tertiary)}.mono{font-family:var(--font-mono)}.stat-list{gap:12px;display:grid}.stat-row{grid-template-columns:minmax(68px,110px) 1fr 36px;align-items:center;gap:12px;display:grid}.stat-label{color:var(--text-secondary);font-size:12px}.stat-bar-track{background:#142336e6;border-radius:999px;height:8px;overflow:hidden}.stat-bar-fill{border-radius:inherit;height:100%}.transcript-list{gap:16px;display:grid}.transcript-item{align-items:flex-start;gap:12px;display:flex}.transcript-avatar{width:30px;height:30px;font-size:10px;font-weight:700;font-family:var(--font-mono);border-radius:50%;flex-shrink:0;place-items:center;display:grid}.timeline-track{grid-auto-columns:minmax(150px,1fr);grid-auto-flow:column;gap:0;min-width:620px;display:grid}.timeline-stage{text-align:center;padding:0 10px;position:relative}.timeline-stage:before{content:"";background:var(--border);width:100%;height:2px;position:absolute;top:14px;left:-50%}.timeline-stage:first-child:before{display:none}.timeline-dot{z-index:1;border:2px solid var(--border);background:#142336e6;border-radius:50%;place-items:center;width:30px;height:30px;margin:0 auto;display:grid;position:relative}.timeline-stage.is-done:before{background:var(--accent)}.timeline-stage.is-done .timeline-dot{background:var(--accent);border-color:var(--accent)}.timeline-stage.is-pending .timeline-dot{border-style:dashed}.timeline-label{color:var(--text-secondary);margin-top:10px;font-size:11px;font-weight:600}.timeline-meta{color:var(--text-tertiary);margin-top:4px;font-size:10px}.hour-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.hour-pill{text-align:center;border:1px solid var(--border);border-radius:12px;min-height:44px;padding:10px 8px;font-size:12px}.hour-grid .surface-note{grid-column:1/-1}.summary-block{gap:14px;display:grid}.detail-lede{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.drawer-backdrop{pointer-events:none;z-index:100;background:0 0;transition:background .3s;position:fixed;inset:0}.drawer-backdrop.is-open{pointer-events:auto;background:#0000007a}.call-drawer{border-left:1px solid var(--border);-webkit-backdrop-filter:blur(28px);backdrop-filter:blur(28px);z-index:101;background:#070e18fa;flex-direction:column;width:min(580px,100vw);height:100vh;transition:transform .34s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;top:0;right:0;overflow:hidden;transform:translate(100%);box-shadow:-24px 0 80px #0009}.call-drawer.is-open{transform:translate(0)}.drawer-header{border-bottom:1px solid var(--border);flex-shrink:0;justify-content:space-between;align-items:flex-start;gap:12px;padding:18px 20px 16px;display:flex}.drawer-header-info{flex:1;min-width:0}.drawer-lede{flex-wrap:wrap;gap:8px;margin-bottom:10px;display:flex}.drawer-title{letter-spacing:-.03em;margin:0 0 4px;font-size:17px;line-height:1.2}.drawer-subtitle{color:var(--text-tertiary);margin:0;font-size:12px}.drawer-close{border:1px solid var(--border);width:34px;height:34px;color:var(--text-secondary);background:#14233680;border-radius:10px;flex-shrink:0;place-items:center;transition:background .16s,color .16s,border-color .16s;display:grid}.drawer-close:hover{color:var(--text-primary);background:#1e324be6;border-color:#85a6c847}.drawer-body{flex-direction:column;flex:1;gap:12px;padding:16px 20px 36px;display:flex;overflow-y:auto}.drawer-error-state{background:#f2767d1a;border:1px solid #f2767d4d;border-radius:14px;gap:14px;padding:18px;display:grid}.drawer-error-state h3{color:var(--text-primary);margin:0;font-size:16px}.drawer-error-state p{color:var(--text-secondary);margin:8px 0 0;font-size:13px;line-height:1.5}.drawer-kpis{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.drawer-kpi{background:var(--bg-surface);border:1px solid var(--border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:11px;padding:11px 13px}.audio-player-wrap{flex-direction:column;gap:8px;display:flex}.audio-player-wrap audio{width:100%;height:44px;accent-color:var(--accent);border-radius:10px;outline:none}@media (width<=640px){.call-drawer{width:100vw}.drawer-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}}.usage-page-header{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.usage-page-header .page-subtitle{max-width:620px}.usage-header-actions{flex-shrink:0;justify-content:flex-end;align-items:center;gap:12px;display:flex}.usage-header-actions>div{background:#14233661;border:1px solid #85a6c81f;border-radius:10px;min-width:128px;padding:8px 10px}.usage-header-actions span{color:var(--text-tertiary);letter-spacing:.08em;text-transform:uppercase;margin-bottom:2px;font-size:9px;font-weight:800;display:block}.usage-header-actions strong{color:var(--text-primary);font-family:var(--font-mono);font-size:12px}.usage-status-banner{margin-bottom:18px}.usage-kpis{grid-template-columns:repeat(4,minmax(0,1fr))}.usage-table-wrap{margin:-4px -6px 0}.provider-usage-table{min-width:920px;color:var(--text-secondary)}.provider-usage-table th,.provider-usage-table td{text-align:left;white-space:normal;vertical-align:top;border-bottom:1px solid #85a6c817;padding:14px 12px}.provider-usage-table th{color:var(--text-tertiary);letter-spacing:.08em;text-transform:uppercase;font-size:10px;font-weight:800}.provider-usage-table tbody tr{transition:background .16s}.provider-usage-table tbody tr:hover{background:#14233652}.provider-usage-table tbody tr.is-risk{background:#f2b7500b}.usage-provider-cell{gap:4px;min-width:180px;max-width:320px;display:grid}.usage-provider-cell strong{color:var(--text-primary);font-size:14px;line-height:1.25}.usage-provider-cell span{color:var(--text-tertiary);letter-spacing:.08em;text-transform:uppercase;font-size:11px;font-weight:800}.usage-provider-cell p{color:var(--text-tertiary);margin:3px 0 0;font-size:12px;line-height:1.45}.provider-status-pill{min-height:24px;color:var(--text-secondary);letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;background:#1423369e;border:1px solid #85a6c82e;border-radius:8px;flex-shrink:0;align-items:center;gap:6px;padding:4px 8px;font-size:10px;font-weight:800;display:inline-flex}.provider-status-pill:before{content:"";background:currentColor;border-radius:999px;width:6px;height:6px}.provider-status-pill.status-live{color:#bbf7d0;background:#4fd19f1a;border-color:#4fd19f4d}.provider-status-pill.status-stale,.provider-status-pill.status-manual{color:#fde68a;background:#f2b7501a;border-color:#f2b75057}.provider-status-pill.status-error,.provider-status-pill.is-risk{color:#fecdd3;background:#f2767d1c;border-color:#f2767d61}.provider-status-pill.status-unsupported,.provider-status-pill.status-unknown{color:var(--text-tertiary);background:#1423365c;border-color:#85a6c824}.usage-money-cell{min-width:124px}.usage-money-cell strong{color:var(--text-primary);font-family:var(--font-mono);overflow-wrap:anywhere;font-size:13px;line-height:1.25;display:block}.usage-money-cell>span{color:var(--text-tertiary);margin-top:2px;font-size:11px;display:block}.usage-money-cell small{color:var(--text-secondary);margin-top:5px;font-size:11px;line-height:1.25;display:block}.usage-wallet-cell strong{color:#d9fbe8;font-size:15px}.usage-spend-cell strong{color:var(--text-secondary);font-size:12px;font-weight:600}.usage-progress-inline{align-items:center;gap:7px;width:min(132px,100%);margin-top:8px;display:flex}.usage-progress-inline span{color:var(--text-secondary);font-family:var(--font-mono);flex-shrink:0;margin:0;font-size:10px}.usage-progress-track{background:#85a6c81f;border-radius:999px;flex:1;height:5px;overflow:hidden}.usage-progress-fill{border-radius:inherit;background:linear-gradient(90deg, var(--accent), #4fd19f);height:100%}.usage-period-cell{max-width:190px;color:var(--text-tertiary);font-size:12px;line-height:1.35}.usage-provider-links{flex-wrap:wrap;align-items:center;gap:6px;margin-top:5px;display:flex}.usage-provider-links a{color:var(--text-secondary);background:#14233675;border:1px solid #85a6c824;border-radius:7px;padding:4px 7px;font-size:11px}.usage-provider-links a:hover{color:var(--text-primary);border-color:#39b7f74d}.usage-pending-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px;display:grid}.usage-pending-source{background:#14233647;border:1px solid #85a6c81c;border-radius:10px;gap:9px;min-width:0;padding:13px;display:grid}.usage-pending-source>div:first-child{min-width:0}.usage-pending-source h3,.usage-pending-source p{margin:0}.usage-pending-source>div:first-child p{color:var(--text-tertiary);letter-spacing:.08em;text-transform:uppercase;margin-bottom:3px;font-size:10px;font-weight:800}.usage-pending-source h3{color:var(--text-primary);font-size:14px;line-height:1.25}.usage-pending-source>p{color:var(--text-tertiary);font-size:12px;line-height:1.45}.usage-empty-state{background:#080f1a7a;border:1px dashed #85a6c838;border-radius:14px;padding:22px}.usage-empty-state h2{color:var(--text-primary);margin:0 0 8px;font-size:18px}.usage-empty-state p{color:var(--text-secondary);margin:0;line-height:1.6}@media (width<=1200px){.monitor-kpis,.admin-action-grid,.monitor-grid-3{grid-template-columns:repeat(2,minmax(0,1fr))}.monitor-grid-5{grid-template-columns:repeat(3,minmax(0,1fr))}.usage-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=960px){.monitor-shell{flex-direction:column;height:auto;overflow:visible}.monitor-sidebar{border-right:0;border-bottom:1px solid var(--border);width:100%;height:auto;overflow:visible}.sidebar-nav{grid-auto-columns:minmax(180px,1fr);grid-auto-flow:column;overflow-x:auto}.sidebar-footnote{margin-top:0}.monitor-content,.monitor-main{overflow:visible}.monitor-topbar,.monitor-main{padding-left:20px;padding-right:20px}.monitor-grid-2,.monitor-grid-3,.monitor-grid-5,.monitor-detail-grid{grid-template-columns:1fr}.admin-page-header{flex-direction:column}.admin-header-button{width:100%}.admin-total-callout{grid-template-columns:1fr}.admin-total-copy{flex-direction:column;align-items:flex-start}.assistant-metrics-panel{grid-template-columns:1fr}.assistant-fact-list{border-left:0;border-top:1px solid var(--border);grid-template-columns:repeat(3,minmax(0,1fr))}.assistant-fact-list div,.assistant-fact-list div:last-child{border-bottom:0;padding:14px 12px 0 0}.admin-performance-grid{grid-template-columns:1fr}.usage-page-header{flex-direction:column}.usage-header-actions{justify-content:space-between;width:100%}}@media (width<=760px){.usage-table-wrap{margin:0;overflow-x:visible}.provider-usage-table,.provider-usage-table thead,.provider-usage-table tbody,.provider-usage-table tr,.provider-usage-table td{width:100%;min-width:0;display:block}.provider-usage-table thead{display:none}.provider-usage-table tr{border-bottom:1px solid #85a6c81f;padding:14px 0}.provider-usage-table tr:first-child{padding-top:0}.provider-usage-table tr:last-child{border-bottom:0;padding-bottom:0}.provider-usage-table th,.provider-usage-table td{border-bottom:0;padding:7px 0}.provider-usage-table td:not(:first-child){justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.provider-usage-table td:not(:first-child):before{max-width:42%;color:var(--text-tertiary);letter-spacing:.08em;text-transform:uppercase;content:attr(data-label);flex-shrink:0;font-size:10px;font-weight:800}.usage-money-cell{text-align:right}.usage-progress-inline{margin-left:auto}.usage-period-cell{text-align:right;max-width:none}}@media (width<=640px){.auth-screen{padding:16px}.auth-panel{padding:22px}.monitor-topbar{padding-top:20px}.monitor-main{padding-top:20px;padding-bottom:24px}.data-status-banner{flex-direction:column;align-items:flex-start}.data-status-action{width:100%}.monitor-kpis,.usage-kpis,.admin-action-grid{grid-template-columns:1fr}.assistant-metrics-panel{padding:18px}.assistant-fact-list{grid-template-columns:1fr}.assistant-fact-list div,.assistant-fact-list div:last-child{padding-right:0}.date-range-filter,.date-filter-button{width:100%}.date-filter-popover{width:100%;left:0;right:0}.page-title{font-size:28px}.panel-body,.kpi-card{padding:18px}.hour-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.stat-row{grid-template-columns:76px 1fr 30px}.usage-header-actions{flex-direction:column;align-items:stretch}.usage-header-actions>div,.usage-header-actions .secondary-button{width:100%}}