:root,[data-theme=light]{--bg: #F7F8FA;--surface: #FFFFFF;--surface-raised: #FFFFFF;--surface-sunken: #F1F4F7;--ink: #101828;--ink-soft: #475467;--ink-faint: #8A94A6;--border: #DDE3EA;--border-soft: #ECF0F4;--primary: #111827;--primary-ink: #020617;--primary-soft: #E8EEF6;--primary-soft-ink: #111827;--primary-glow: rgba(17, 24, 39, .12);--success: #087A4D;--success-soft: #E5F7EF;--danger: #D92D20;--danger-soft: #FDECEC;--warning: #B76E00;--warning-soft: #FFF2D6;--accent: #111827;--accent-2: #00A3A3;--chart-grid: #E8EDF3;--chart-axis: #98A2B3;--chart-tooltip-bg: #FFFFFF;--chart-tooltip-border: #DDE3EA;--chart-total-calls: #4F6B8F;--topbar-bg: rgba(247, 248, 250, .86);--scrim: rgba(16, 24, 40, .44);--shadow-sm: 0 1px 2px rgba(16, 24, 40, .05);--shadow-md: 0 10px 24px rgba(16, 24, 40, .08);--shadow-lg: 0 22px 56px rgba(16, 24, 40, .18);--shadow-glow: 0 0 0 1px rgba(17, 24, 39, .08), 0 8px 18px rgba(16, 24, 40, .12)}[data-theme=dark]{--bg: #12151A;--surface: #181D25;--surface-raised: #202735;--surface-sunken: #0D1016;--ink: #F7F9FC;--ink-soft: #B8C2D2;--ink-faint: #8290A3;--border: #2A3443;--border-soft: #202938;--primary: #4D555E;--primary-ink: #68727D;--primary-soft: #252C34;--primary-soft-ink: #E7ECF2;--primary-glow: rgba(77, 85, 94, .28);--success: #38D996;--success-soft: #0F2B22;--danger: #FF6B73;--danger-soft: #31191D;--warning: #FFC15E;--warning-soft: #30240D;--accent: #4D555E;--accent-2: #9BA7B5;--chart-grid: #253044;--chart-axis: #8C99AA;--chart-tooltip-bg: #171D28;--chart-tooltip-border: #344154;--chart-total-calls: #9BA7B5;--topbar-bg: rgba(18, 21, 26, .86);--scrim: rgba(0, 0, 0, .6);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .4), 0 1px 1px rgba(0, 0, 0, .3);--shadow-md: 0 6px 20px rgba(0, 0, 0, .45), 0 1px 3px rgba(0, 0, 0, .3);--shadow-lg: 0 20px 48px rgba(0, 0, 0, .6), 0 2px 10px rgba(0, 0, 0, .4);--shadow-glow: 0 0 0 1px rgba(248, 250, 252, .08), 0 10px 24px rgba(0, 0, 0, .38)}:root{--font-ui: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "JetBrains Mono", "SF Mono", Consolas, monospace;--radius-sm: 8px;--radius-md: 8px;--radius-lg: 8px;--sidebar-w: 248px;--topbar-h: 64px;--dock-w: 372px}*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--bg);color:var(--ink);font-family:var(--font-ui);-webkit-font-smoothing:antialiased;font-size:14px;transition:background-color .15s ease,color .15s ease}[data-theme=dark]{color-scheme:dark}[data-theme=light]{color-scheme:light}#root{min-height:100vh}button{font-family:inherit;cursor:pointer}input,select,textarea{font-family:inherit;font-size:inherit}a{color:inherit;text-decoration:none}::selection{background:var(--primary-soft);color:var(--primary-ink)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border);border-radius:8px}::-webkit-scrollbar-thumb:hover{background:var(--ink-faint)}:focus-visible{outline:2px solid var(--primary);outline-offset:2px;border-radius:4px}.mono{font-family:var(--font-mono)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease,background-color .18s ease;animation:surface-in .22s ease-out both}.card-elevated{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);animation:surface-in .22s ease-out both}.gradient-text{background:linear-gradient(135deg,var(--primary),var(--accent-2));-webkit-background-clip:text;background-clip:text;color:transparent}.btn{display:inline-flex;align-items:center;gap:6px;border-radius:var(--radius-sm);border:1px solid transparent;font-weight:700;font-size:12.5px;padding:8px 14px;transition:background .18s ease,border-color .18s ease,transform .14s ease,color .18s ease,box-shadow .18s ease;white-space:nowrap;position:relative}.btn:hover{transform:translateY(-1px)}.btn:active{transform:translateY(1px)}.btn-compact-action{min-height:30px;padding:6px 9px;gap:5px;font-size:12px}.btn-edit-action{background:var(--primary-soft);color:var(--primary-soft-ink);border-color:color-mix(in srgb,var(--primary) 28%,var(--border))}.btn-edit-action:hover{background:color-mix(in srgb,var(--primary-soft) 72%,var(--primary));border-color:color-mix(in srgb,var(--primary) 48%,var(--border))}.btn-primary{background:var(--primary);color:#fff;box-shadow:0 1px 2px #1018281f}.btn-primary:hover{background:var(--primary-ink);box-shadow:0 8px 18px #10182824}.btn-secondary{background:var(--surface);color:var(--ink);border-color:var(--border)}.btn-secondary:hover{background:var(--surface-sunken);border-color:var(--ink-faint);box-shadow:0 1px 2px #1018280f}.btn-ghost{background:transparent;color:var(--ink-soft)}.btn-ghost:hover{background:var(--surface-sunken);color:var(--ink)}.btn-danger{background:transparent;color:var(--danger);border-color:#d92d2038}.btn-danger:hover{background:var(--danger);color:#fff}.btn-success{background:var(--success);color:#fff}.btn-success:hover{filter:brightness(.9)}.pagination-page{min-width:34px;height:34px;justify-content:center;padding:0 10px}.pagination-arrow{width:36px;height:36px;min-width:36px;color:var(--ink);border-color:color-mix(in srgb,var(--border) 62%,var(--ink-faint));background:var(--surface-raised)}.pagination-arrow svg{width:19px;height:19px}.btn:disabled{opacity:.64;cursor:not-allowed;pointer-events:none;transform:none}.btn:focus:not(:focus-visible),.btn-icon:focus:not(:focus-visible){outline:none}.btn[aria-busy=true]:after{content:"";width:12px;height:12px;border-radius:999px;border:2px solid currentColor;border-right-color:transparent;animation:spin .7s linear infinite}.btn-icon{width:34px;height:34px;padding:0;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);color:var(--ink-soft);border-color:transparent;box-shadow:none}.btn-icon:hover{box-shadow:none}.btn-icon:active{transform:translateY(0);box-shadow:none}.btn-icon.btn-secondary{background:transparent;border-color:transparent}.btn-icon.btn-secondary:hover{background:var(--surface-sunken);color:var(--ink);border-color:transparent;box-shadow:none}.btn-icon.btn-secondary:active,.btn-icon.btn-secondary:focus{background:var(--surface-sunken);border-color:transparent;box-shadow:none}.btn-icon.btn-ghost{background:transparent;border-color:transparent;color:var(--ink-faint)}.btn-icon.btn-ghost:hover,.btn-icon.btn-ghost:active,.btn-icon.btn-ghost:focus{background:var(--surface-sunken);border-color:transparent;color:var(--ink);box-shadow:none}.btn-icon.btn-danger{background:transparent;border-color:transparent;color:var(--danger)}.btn-icon.btn-danger:hover,.btn-icon.btn-danger:active,.btn-icon.btn-danger:focus{background:var(--danger-soft);border-color:transparent;color:var(--danger);box-shadow:none;transform:translateY(0)}.pill{display:inline-flex;align-items:center;gap:5px;padding:3px 10px;border-radius:100px;font-size:12px;font-weight:600}.pill-success{background:var(--success-soft);color:var(--success)}.pill-danger{background:var(--danger-soft);color:var(--danger)}.pill-warning{background:var(--warning-soft);color:var(--warning)}.pill-neutral{background:var(--surface-sunken);color:var(--ink-soft);border:1px solid var(--border)}.pill-primary{background:var(--primary-soft);color:var(--primary-soft-ink)}.pill-ringing{background:var(--warning-soft);color:var(--warning)}.status-dot{width:7px;height:7px;border-radius:50%;display:inline-block}.status-dot-live{background:var(--success);animation:pulse-dot 1.4s ease-in-out infinite}.status-dot-ring{background:var(--warning);animation:ring-pulse .85s ease-in-out infinite}.input{width:100%;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);padding:9px 12px;font-size:13px;color:var(--ink);transition:border-color .15s ease,box-shadow .15s ease}.input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-glow)}.input::placeholder{color:var(--ink-faint)}.input[type=date],.input[type=datetime-local]{min-height:38px;color-scheme:light;padding-right:8px;letter-spacing:0}.input[type=date]:hover,.input[type=datetime-local]:hover{border-color:var(--ink-faint);background:var(--surface-raised)}.input[type=date]::-webkit-datetime-edit,.input[type=datetime-local]::-webkit-datetime-edit{color:var(--ink);padding:0}.input[type=date]::-webkit-datetime-edit-fields-wrapper,.input[type=datetime-local]::-webkit-datetime-edit-fields-wrapper{display:flex;align-items:center;gap:1px}.input[type=date]::-webkit-calendar-picker-indicator,.input[type=datetime-local]::-webkit-calendar-picker-indicator{width:18px;height:18px;padding:5px;margin-right:-4px;border-radius:8px;background-color:var(--surface-sunken);cursor:pointer;opacity:.78;transition:background-color .15s ease,opacity .15s ease,transform .12s ease}.input[type=date]::-webkit-calendar-picker-indicator:hover,.input[type=datetime-local]::-webkit-calendar-picker-indicator:hover{background-color:var(--primary-soft);opacity:1;transform:translateY(-1px)}[data-theme=dark] .input[type=date],[data-theme=dark] .input[type=datetime-local]{color-scheme:dark}[data-theme=dark] .input[type=date]::-webkit-calendar-picker-indicator,[data-theme=dark] .input[type=datetime-local]::-webkit-calendar-picker-indicator{filter:invert(1) brightness(1.2);background-color:#ffffff14}select.input{-moz-appearance:none;appearance:none;-webkit-appearance:none;min-height:38px;padding-right:34px;line-height:1.35;background-image:linear-gradient(45deg,transparent 50%,var(--ink-faint) 50%),linear-gradient(135deg,var(--ink-faint) 50%,transparent 50%);background-position:calc(100% - 18px) 50%,calc(100% - 13px) 50%;background-size:5px 5px,5px 5px;background-repeat:no-repeat}select.input option{padding:10px 12px;font-size:13px;background:var(--surface);color:var(--ink)}.date-popover{position:fixed;z-index:1200;width:292px;padding:12px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);animation:surface-in .14s ease-out both;overflow-y:auto}.date-popover-header{display:flex;align-items:center;justify-content:space-between;gap:8px;padding-bottom:10px;border-bottom:1px solid var(--border-soft)}.date-weekdays{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;margin-top:10px;color:var(--ink-faint);font-size:11px;font-weight:800;text-align:center}.date-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;margin-top:6px}.date-day{height:34px;border:1px solid transparent;border-radius:var(--radius-sm);background:transparent;color:var(--ink);font-size:13px;font-weight:700;transition:background-color .14s ease,color .14s ease,border-color .14s ease,transform .12s ease}.date-day:hover{background:var(--surface-sunken);transform:translateY(-1px)}.date-day.is-muted{color:var(--ink-faint);opacity:.55}.date-day.is-today{border-color:var(--primary);color:var(--primary-soft-ink)}.date-day.is-active{background:var(--primary);color:#fff;border-color:var(--primary)}.date-time-row{display:grid;grid-template-columns:auto 1fr;gap:10px;align-items:center}.date-time-panel{margin-top:12px;padding-top:12px;border-top:1px solid var(--border-soft);display:grid;gap:10px}.date-time-presets,.date-minute-chips{display:flex;gap:6px;flex-wrap:wrap}.date-time-presets button,.date-minute-chips button{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-sunken);color:var(--ink-soft);font-size:12px;font-weight:800;padding:6px 9px;transition:background-color .14s ease,color .14s ease,border-color .14s ease}.date-time-presets button:hover,.date-minute-chips button:hover{background:var(--primary-soft);color:var(--primary-soft-ink);border-color:var(--primary)}.date-time-input{width:42px;height:34px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-sunken);color:var(--ink);text-align:center;font-family:var(--font-mono);font-weight:800}.date-time-slider{display:grid;gap:7px;min-width:0;width:100%}.date-time-slider+.date-time-slider{grid-column:2}.date-time-row>.btn{grid-column:2;justify-self:end}.date-time-slider div{display:flex;justify-content:space-between;align-items:center;gap:10px}.date-time-slider span{color:var(--ink-faint);font-size:10.5px;font-weight:800;text-transform:uppercase}.date-time-slider strong{color:var(--ink);font-family:var(--font-mono);font-size:14px;font-weight:900}.date-time-slider input[type=range]{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:100%;height:6px;border-radius:999px;background:var(--surface-sunken);border:1px solid var(--border)}.date-time-slider input[type=range]::-webkit-slider-thumb{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:18px;height:18px;border-radius:999px;background:var(--primary);border:2px solid var(--surface);box-shadow:var(--shadow-sm);cursor:pointer}.date-time-slider input[type=range]::-moz-range-thumb{width:18px;height:18px;border-radius:999px;background:var(--primary);border:2px solid var(--surface);box-shadow:var(--shadow-sm);cursor:pointer}.date-time-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-glow)}.toggle-switch{width:116px;flex:0 0 116px;height:34px;padding:3px;border:1px solid var(--border);border-radius:999px;background:var(--surface-sunken);color:var(--ink-soft);display:inline-flex;align-items:center;justify-content:center;font-size:11px;font-weight:800;line-height:1;position:relative;overflow:hidden;cursor:pointer;transition:background-color .16s ease,border-color .16s ease,color .16s ease}.toggle-switch span{position:absolute;left:3px;top:3px;width:26px;height:26px;border-radius:999px;background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-sm);transition:transform .18s ease,background-color .18s ease,border-color .18s ease}.toggle-switch.is-on{background:var(--primary-soft);border-color:var(--primary);color:var(--primary-soft-ink)}.toggle-switch.is-on span{transform:translate(82px);background:var(--primary);border-color:var(--primary)}.toggle-switch strong{width:62px;text-align:center;margin-left:15px;transition:color .18s ease;position:relative;z-index:1}.toggle-switch.is-on strong{margin-left:-15px}.toggle-switch:disabled{cursor:not-allowed;opacity:.64}.inline-loader{width:14px;height:14px;border-radius:999px;border:2px solid var(--primary);border-right-color:transparent;animation:spin .7s linear infinite}.page-loading{padding:24px;background:var(--bg);animation:loader-fade .18s ease-out both}.page-loading-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:16px;max-width:1320px}.page-loading-card{min-height:112px;padding:18px;border:1px solid var(--border-soft);border-radius:var(--radius-lg);background:color-mix(in srgb,var(--surface) 82%,transparent);box-shadow:var(--shadow-sm);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;flex-direction:column;gap:12px;overflow:hidden}.page-loading-card.wide{grid-column:1 / -1;min-height:86px}.page-loading-card span{display:block;height:12px;width:100%;max-width:520px;border-radius:999px;background:linear-gradient(90deg,var(--surface-sunken) 0%,var(--border-soft) 42%,var(--surface-sunken) 84%);background-size:220% 100%;animation:skeleton-shimmer 1.05s ease-in-out infinite}.page-loading-card span:nth-child(2){width:68%}.page-loading-card span:nth-child(3){width:42%}[data-theme=dark] .page-loading{background:var(--bg)}[data-theme=dark] .page-loading-card{background:#0f1014b3}.label{font-size:11.5px;font-weight:600;color:var(--ink-soft);margin-bottom:6px;display:block}.divider{height:1px;background:var(--border-soft);border:none;margin:0}.table{width:100%;border-collapse:collapse}.table-card{min-height:clamp(360px,calc(100vh - 360px),620px);display:flex;flex-direction:column}.table-card .table{flex-shrink:0}.table-card .pagination-footer{margin-top:auto}.table th{text-align:left;font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--ink-faint);padding:10px 14px;border-bottom:1px solid var(--border);white-space:nowrap}.table td{padding:12px 14px;border-bottom:1px solid var(--border-soft);font-size:13px;vertical-align:middle}.table th.table-action-sticky,.table td.table-action-sticky{position:sticky;right:0;z-index:2;width:1%;min-width:48px;background:var(--surface);box-shadow:-12px 0 18px -18px var(--shadow-color)}.table th.table-action-sticky{z-index:3;background:var(--surface-raised)}.table tr:last-child td{border-bottom:none}.table tbody tr{transition:background-color .14s ease,transform .14s ease}.table tbody tr:hover{background:var(--border-soft)}.section-title{font-size:12.5px;font-weight:700;color:var(--ink);display:flex;align-items:center;gap:8px}.eyebrow{font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--ink-faint)}.kbd{font-family:var(--font-mono);font-size:11px;background:var(--bg);border:1px solid var(--border);border-radius:4px;padding:1px 6px;color:var(--ink-soft)}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.35}}@keyframes ring-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.45;transform:scale(1.45)}}.live-dot{width:7px;height:7px;border-radius:50%;background:var(--danger);animation:pulse-dot 1.4s ease-in-out infinite}@keyframes bar-bounce{0%,to{height:24%;opacity:.55}35%{height:100%;opacity:1}50%{height:100%}}@keyframes duration-wave{0%,to{transform:scaleY(.34);opacity:.55}35%{transform:scaleY(var(--wave-scale, .8));opacity:1}58%{transform:scaleY(.5);opacity:.78}}@keyframes dock-rise{0%{opacity:0;transform:translateY(14px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes surface-in{0%{opacity:0}to{opacity:1}}@keyframes loading-line{0%{transform:translate(-140%)}to{transform:translate(340%)}}@keyframes loader-fade{0%{opacity:0}to{opacity:1}}@keyframes skeleton-shimmer{0%{background-position:120% 0}to{background-position:-120% 0}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes redirect-fill{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.app-shell,.auth-shell{font-size:13.5px}.app-content{margin-left:var(--sidebar-w)}.app-main{padding:24px;max-width:1320px;width:100%}.app-shell .card[style*="padding: 16"]{padding:14px!important}.app-shell .card[style*="padding: 18"]{padding:16px!important}.app-shell .card[style*="padding: 20"],.app-shell .card[style*="padding: 22"]{padding:18px!important}.app-shell .card[style*="padding: 24"]{padding:20px!important}.app-shell .btn{padding:7px 12px;min-height:32px}.app-shell .btn-icon{width:30px;height:30px}.app-shell .input{padding:7px 10px;min-height:34px}.app-shell select.input,.app-shell .input[type=date],.app-shell .input[type=datetime-local]{min-height:34px}.app-shell .pill{padding:2px 8px}.app-shell .table th{padding:8px 12px}.app-shell .table td{padding:9px 12px}.app-shell .filter-grid,.app-shell .summary-grid,.app-shell .dashboard-stat-grid,.app-shell .dashboard-main-grid,.app-shell .profile-grid,.app-shell .agent-plans-grid{gap:12px!important}.app-shell .table-card{min-height:clamp(320px,calc(100vh - 390px),560px)}.dashboard-stat-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.dashboard-main-grid{grid-template-columns:minmax(0,1.7fr) minmax(320px,.8fr)}.quick-actions-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.refill-top-grid{display:grid;grid-template-columns:minmax(320px,620px);gap:16px;align-items:start}.refill-top-grid.has-invoice{grid-template-columns:minmax(320px,620px) minmax(280px,420px)}.explore-pricing-grid{grid-template-columns:minmax(220px,320px) minmax(0,1fr)}.refill-filter-grid{grid-template-columns:repeat(4,minmax(140px,1fr))}.refill-description-cell{max-width:360px;white-space:normal;overflow-wrap:anywhere}.refill-invoice-panel{animation:refill-slide-in .24s ease-out both;transform-origin:right center}@keyframes refill-slide-in{0%{opacity:0;transform:translate(22px)}to{opacity:1;transform:translate(0)}}@keyframes refill-slide-up{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}.quick-actions-grid .btn{width:100%;min-width:0;min-height:40px;justify-content:center}.profile-grid{grid-template-columns:minmax(280px,.85fr) minmax(420px,1.35fr)}.agent-plans-grid{grid-template-columns:340px minmax(0,1fr)}.summary-grid{grid-template-columns:repeat(4,minmax(180px,1fr))}.filter-grid{grid-template-columns:repeat(auto-fit,minmax(190px,1fr))}.form-grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.workspace-tabs{min-height:45px;padding:8px 24px;border-bottom:1px solid var(--border-soft);background:color-mix(in srgb,var(--topbar-bg) 92%,var(--surface));display:flex;gap:8px;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch}.workspace-tab{height:29px;min-width:0;max-width:180px;flex:0 0 auto;display:inline-flex;align-items:center;gap:7px;padding:0 9px 0 11px;border:1px solid var(--border-soft);border-radius:8px;background:var(--surface);color:var(--ink-soft);font-size:12px;font-weight:700;box-shadow:var(--shadow-sm)}.workspace-tab span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.workspace-tab.is-active{color:var(--primary-soft-ink);background:var(--primary-soft);border-color:color-mix(in srgb,var(--primary) 30%,var(--border))}.workspace-tab-close{width:18px;height:18px;border:0;border-radius:6px;display:grid;place-items:center;background:transparent;color:currentColor;padding:0;opacity:.72}.workspace-tab-close:hover{opacity:1;background:color-mix(in srgb,currentColor 10%,transparent)}.call-activity-metrics{grid-template-columns:repeat(4,minmax(150px,1fr))}.call-activity-chart-scroll{height:240px;overflow:hidden}.call-activity-chart-inner{height:100%;min-width:0}.refill-presets-grid{grid-template-columns:repeat(6,minmax(72px,1fr))}@media (min-width: 1440px){.app-main{max-width:1480px}}@media (max-width: 1180px){:root{--sidebar-w: 220px}.dashboard-stat-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.dashboard-main-grid,.profile-grid,.agent-plans-grid{grid-template-columns:1fr}.summary-grid,.call-activity-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.refill-presets-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.refill-top-grid,.refill-top-grid.has-invoice{grid-template-columns:minmax(0,620px)}.explore-pricing-grid{grid-template-columns:1fr}.refill-filter-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 900px){:root{--topbar-h: 58px}.app-shell{padding-bottom:calc(84px + env(safe-area-inset-bottom,0px))}.app-content{margin-left:0}.app-main{padding:16px;max-width:none}.workspace-tabs{padding:7px 14px}.app-sidebar{width:100%!important;height:calc(84px + env(safe-area-inset-bottom,0px))!important;top:auto!important;bottom:0!important;right:0!important;border-right:none!important;border-top:1px solid var(--border);z-index:80!important}.sidebar-brand,.sidebar-status,.sidebar-nav .eyebrow{display:none!important}.sidebar-nav{height:100%;padding:8px 10px calc(8px + env(safe-area-inset-bottom,0px))!important;display:flex;gap:8px;overflow-x:auto!important;overflow-y:hidden!important;align-items:center}.sidebar-nav>div{display:contents}.sidebar-link{min-width:76px;height:62px;flex:0 0 auto;flex-direction:column;justify-content:center;gap:4px!important;padding:7px 8px!important;font-size:11px!important;line-height:1.12!important;white-space:normal!important;text-align:center;margin-bottom:0!important;box-shadow:none!important}.sidebar-link svg{width:17px;height:17px}.app-topbar{padding:0 14px!important}.app-topbar h1{max-width:34vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dashboard-stat-grid,.quick-actions-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.refill-presets-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.table-card{min-height:0;overflow-x:hidden!important;overflow-y:visible!important;-webkit-overflow-scrolling:touch}.table-card .table{min-width:760px}.mobile-table-scroll{flex:1 1 auto;width:100%;min-height:220px;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch}.mobile-table-scroll .table{min-width:760px}.call-activity-card{min-width:0}.call-activity-chart-scroll{overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;padding-bottom:6px}.call-activity-chart-inner{min-width:680px}.table th,.table td{padding:10px 12px}.date-popover{max-width:calc(100vw - 24px)}}@media (max-width: 640px){html,body{font-size:13px}.app-main{padding:12px}.app-topbar{gap:8px}.app-topbar .pill{display:none}.dashboard-stat-grid,.summary-grid,.call-activity-metrics,.form-grid-2{grid-template-columns:1fr}.quick-actions-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.quick-actions-grid .btn{padding:9px 8px;gap:5px;font-size:12px}.quick-actions-grid .btn svg{width:13px;height:13px;flex-shrink:0}.filter-grid,.refill-filter-grid{grid-template-columns:1fr}.explore-pricing-table .table{min-width:620px}.refill-description-cell{max-width:320px;white-space:normal;overflow-wrap:anywhere}.refill-history-card{overflow-x:hidden!important}.refill-history-scroll{overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch}.refill-history-scroll .table{min-width:680px}.calls-online-scroll{overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch}.calls-online-scroll .table{min-width:760px}.refill-invoice-panel{animation-name:refill-slide-up;transform-origin:center bottom}.card{border-radius:8px}.call-activity-card{padding:14px!important;min-height:0!important}.call-activity-card .section-title{font-size:12.5px}.call-activity-chart-scroll{height:220px}.call-activity-chart-inner{min-width:620px}.btn{padding:8px 11px;font-size:12.5px}.btn-icon{width:32px;height:32px}.btn-edit-action{width:38px;min-width:38px;height:38px;padding:0;justify-content:center}.btn-edit-action .action-text{display:none}.btn-edit-action .edit-action-icon{width:20px;height:20px;stroke-width:2.7}.pill{font-size:11.5px;padding:3px 8px}.toggle-switch{width:104px;flex-basis:104px;height:32px}.toggle-switch span{width:24px;height:24px}.toggle-switch.is-on span{transform:translate(72px)}.toggle-switch strong{width:56px;margin-left:13px}.toggle-switch.is-on strong{margin-left:-13px}.table-card .pagination-footer{min-width:0;overflow-x:auto;overflow-y:hidden;flex-wrap:nowrap;-webkit-overflow-scrolling:touch}.table-card .pagination-footer>div:first-child,.table-card .pagination-footer>button,.table-card .pagination-footer>div:last-child{flex:0 0 auto}.table-card .pagination-footer>div:last-child{max-width:none!important}.loading-line-bar{left:0!important}.loading-overlay{left:0!important;bottom:72px!important}.recording-error-toast{top:78px!important;max-width:calc(100vw - 24px);justify-content:center;text-align:center}.user-edit-modal-overlay{place-items:stretch!important;padding:8px!important}.user-edit-modal-form{width:100%!important;max-width:100%!important;height:calc(100dvh - 84px)!important;max-height:calc(100dvh - 84px)!important;align-self:start}.user-edit-modal-body{min-height:0;flex:1 1 auto;padding-bottom:14px!important}.user-edit-modal-footer{padding:10px 12px calc(18px + env(safe-area-inset-bottom))!important}.user-edit-modal-footer .btn{flex:1;justify-content:center}.page-loading-grid{grid-template-columns:1fr}.page-loading-card{min-height:82px}[role=dialog]{padding:10px!important}[role=dialog]>.card,[role=dialog]>form.card{width:100%!important;max-height:calc(100vh - 20px)!important}[role=dialog] .form-grid-2{grid-template-columns:1fr}}