html{height:100%;--mat-sys-background: light-dark(#f9faf3, #121410);--mat-sys-error: light-dark(#ba1a1a, #ffb4ab);--mat-sys-error-container: light-dark(#ffdad6, #93000a);--mat-sys-inverse-on-surface: light-dark(#f1f1eb, #2f312d);--mat-sys-inverse-primary: light-dark(#02e600, #026e00);--mat-sys-inverse-surface: light-dark(#2f312d, #e2e3dc);--mat-sys-on-background: light-dark(#1a1c18, #e2e3dc);--mat-sys-on-error: light-dark(#ffffff, #690005);--mat-sys-on-error-container: light-dark(#93000a, #ffdad6);--mat-sys-on-primary: light-dark(#ffffff, #013a00);--mat-sys-on-primary-container: light-dark(#015300, #77ff61);--mat-sys-on-primary-fixed: light-dark(#002200, #002200);--mat-sys-on-primary-fixed-variant: light-dark(#015300, #015300);--mat-sys-on-secondary: light-dark(#ffffff, #263422);--mat-sys-on-secondary-container: light-dark(#3c4b37, #d7e8cd);--mat-sys-on-secondary-fixed: light-dark(#121f0e, #121f0e);--mat-sys-on-secondary-fixed-variant: light-dark(#3c4b37, #3c4b37);--mat-sys-on-surface: light-dark(#1a1c18, #e2e3dc);--mat-sys-on-surface-variant: light-dark(#43483f, #dfe4d7);--mat-sys-on-tertiary: light-dark(#ffffff, #323200);--mat-sys-on-tertiary-container: light-dark(#494900, #eaea00);--mat-sys-on-tertiary-fixed: light-dark(#1d1d00, #1d1d00);--mat-sys-on-tertiary-fixed-variant: light-dark(#494900, #494900);--mat-sys-outline: light-dark(#73796e, #8d9387);--mat-sys-outline-variant: light-dark(#c3c8bc, #43483f);--mat-sys-primary: light-dark(#026e00, #02e600);--mat-sys-primary-container: light-dark(#77ff61, #015300);--mat-sys-primary-fixed: light-dark(#77ff61, #77ff61);--mat-sys-primary-fixed-dim: light-dark(#02e600, #02e600);--mat-sys-scrim: light-dark(#000000, #000000);--mat-sys-secondary: light-dark(#54634d, #bbcbb2);--mat-sys-secondary-container: light-dark(#d7e8cd, #3c4b37);--mat-sys-secondary-fixed: light-dark(#d7e8cd, #d7e8cd);--mat-sys-secondary-fixed-dim: light-dark(#bbcbb2, #bbcbb2);--mat-sys-shadow: light-dark(#000000, #000000);--mat-sys-surface: light-dark(#f9faf3, #121410);--mat-sys-surface-bright: light-dark(#f9faf3, #383a35);--mat-sys-surface-container: light-dark(#eeeee7, #1e201c);--mat-sys-surface-container-high: light-dark(#e8e9e1, #282b26);--mat-sys-surface-container-highest: light-dark(#e2e3dc, #333531);--mat-sys-surface-container-low: light-dark(#f3f4ed, #1a1c18);--mat-sys-surface-container-lowest: light-dark(#ffffff, #0c0f0b);--mat-sys-surface-dim: light-dark(#dadbd3, #121410);--mat-sys-surface-tint: light-dark(#026e00, #02e600);--mat-sys-surface-variant: light-dark(#dfe4d7, #43483f);--mat-sys-tertiary: light-dark(#626200, #cdcd00);--mat-sys-tertiary-container: light-dark(#eaea00, #494900);--mat-sys-tertiary-fixed: light-dark(#eaea00, #eaea00);--mat-sys-tertiary-fixed-dim: light-dark(#cdcd00, #cdcd00);--mat-sys-neutral-variant20: #2c3229;--mat-sys-neutral10: #1a1c18;--mat-sys-level0: 0px 0px 0px 0px rgba(0, 0, 0, .2), 0px 0px 0px 0px rgba(0, 0, 0, .14), 0px 0px 0px 0px rgba(0, 0, 0, .12);--mat-sys-level1: 0px 2px 1px -1px rgba(0, 0, 0, .2), 0px 1px 1px 0px rgba(0, 0, 0, .14), 0px 1px 3px 0px rgba(0, 0, 0, .12);--mat-sys-level2: 0px 3px 3px -2px rgba(0, 0, 0, .2), 0px 3px 4px 0px rgba(0, 0, 0, .14), 0px 1px 8px 0px rgba(0, 0, 0, .12);--mat-sys-level3: 0px 3px 5px -1px rgba(0, 0, 0, .2), 0px 6px 10px 0px rgba(0, 0, 0, .14), 0px 1px 18px 0px rgba(0, 0, 0, .12);--mat-sys-level4: 0px 5px 5px -3px rgba(0, 0, 0, .2), 0px 8px 10px 1px rgba(0, 0, 0, .14), 0px 3px 14px 2px rgba(0, 0, 0, .12);--mat-sys-level5: 0px 7px 8px -4px rgba(0, 0, 0, .2), 0px 12px 17px 2px rgba(0, 0, 0, .14), 0px 5px 22px 4px rgba(0, 0, 0, .12);--mat-sys-body-large: 400 1rem / 1.5rem Inter;--mat-sys-body-large-font: Inter;--mat-sys-body-large-line-height: 1.5rem;--mat-sys-body-large-size: 1rem;--mat-sys-body-large-tracking: .031rem;--mat-sys-body-large-weight: 400;--mat-sys-body-medium: 400 .875rem / 1.25rem Inter;--mat-sys-body-medium-font: Inter;--mat-sys-body-medium-line-height: 1.25rem;--mat-sys-body-medium-size: .875rem;--mat-sys-body-medium-tracking: .016rem;--mat-sys-body-medium-weight: 400;--mat-sys-body-small: 400 .75rem / 1rem Inter;--mat-sys-body-small-font: Inter;--mat-sys-body-small-line-height: 1rem;--mat-sys-body-small-size: .75rem;--mat-sys-body-small-tracking: .025rem;--mat-sys-body-small-weight: 400;--mat-sys-display-large: 400 3.562rem / 4rem Inter;--mat-sys-display-large-font: Inter;--mat-sys-display-large-line-height: 4rem;--mat-sys-display-large-size: 3.562rem;--mat-sys-display-large-tracking: -.016rem;--mat-sys-display-large-weight: 400;--mat-sys-display-medium: 400 2.812rem / 3.25rem Inter;--mat-sys-display-medium-font: Inter;--mat-sys-display-medium-line-height: 3.25rem;--mat-sys-display-medium-size: 2.812rem;--mat-sys-display-medium-tracking: 0;--mat-sys-display-medium-weight: 400;--mat-sys-display-small: 400 2.25rem / 2.75rem Inter;--mat-sys-display-small-font: Inter;--mat-sys-display-small-line-height: 2.75rem;--mat-sys-display-small-size: 2.25rem;--mat-sys-display-small-tracking: 0;--mat-sys-display-small-weight: 400;--mat-sys-headline-large: 400 2rem / 2.5rem Inter;--mat-sys-headline-large-font: Inter;--mat-sys-headline-large-line-height: 2.5rem;--mat-sys-headline-large-size: 2rem;--mat-sys-headline-large-tracking: 0;--mat-sys-headline-large-weight: 400;--mat-sys-headline-medium: 400 1.75rem / 2.25rem Inter;--mat-sys-headline-medium-font: Inter;--mat-sys-headline-medium-line-height: 2.25rem;--mat-sys-headline-medium-size: 1.75rem;--mat-sys-headline-medium-tracking: 0;--mat-sys-headline-medium-weight: 400;--mat-sys-headline-small: 400 1.5rem / 2rem Inter;--mat-sys-headline-small-font: Inter;--mat-sys-headline-small-line-height: 2rem;--mat-sys-headline-small-size: 1.5rem;--mat-sys-headline-small-tracking: 0;--mat-sys-headline-small-weight: 400;--mat-sys-label-large: 500 .875rem / 1.25rem Inter;--mat-sys-label-large-font: Inter;--mat-sys-label-large-line-height: 1.25rem;--mat-sys-label-large-size: .875rem;--mat-sys-label-large-tracking: .006rem;--mat-sys-label-large-weight: 500;--mat-sys-label-large-weight-prominent: 700;--mat-sys-label-medium: 500 .75rem / 1rem Inter;--mat-sys-label-medium-font: Inter;--mat-sys-label-medium-line-height: 1rem;--mat-sys-label-medium-size: .75rem;--mat-sys-label-medium-tracking: .031rem;--mat-sys-label-medium-weight: 500;--mat-sys-label-medium-weight-prominent: 700;--mat-sys-label-small: 500 .688rem / 1rem Inter;--mat-sys-label-small-font: Inter;--mat-sys-label-small-line-height: 1rem;--mat-sys-label-small-size: .688rem;--mat-sys-label-small-tracking: .031rem;--mat-sys-label-small-weight: 500;--mat-sys-title-large: 400 1.375rem / 1.75rem Inter;--mat-sys-title-large-font: Inter;--mat-sys-title-large-line-height: 1.75rem;--mat-sys-title-large-size: 1.375rem;--mat-sys-title-large-tracking: 0;--mat-sys-title-large-weight: 400;--mat-sys-title-medium: 500 1rem / 1.5rem Inter;--mat-sys-title-medium-font: Inter;--mat-sys-title-medium-line-height: 1.5rem;--mat-sys-title-medium-size: 1rem;--mat-sys-title-medium-tracking: .009rem;--mat-sys-title-medium-weight: 500;--mat-sys-title-small: 500 .875rem / 1.25rem Inter;--mat-sys-title-small-font: Inter;--mat-sys-title-small-line-height: 1.25rem;--mat-sys-title-small-size: .875rem;--mat-sys-title-small-tracking: .006rem;--mat-sys-title-small-weight: 500;--mat-sys-corner-extra-large: 28px;--mat-sys-corner-extra-large-top: 28px 28px 0 0;--mat-sys-corner-extra-small: 4px;--mat-sys-corner-extra-small-top: 4px 4px 0 0;--mat-sys-corner-full: 9999px;--mat-sys-corner-large: 16px;--mat-sys-corner-large-end: 0 16px 16px 0;--mat-sys-corner-large-start: 16px 0 0 16px;--mat-sys-corner-large-top: 16px 16px 0 0;--mat-sys-corner-medium: 12px;--mat-sys-corner-none: 0;--mat-sys-corner-small: 8px;--mat-sys-dragged-state-layer-opacity: .16;--mat-sys-focus-state-layer-opacity: .12;--mat-sys-hover-state-layer-opacity: .08;--mat-sys-pressed-state-layer-opacity: .12}body{color-scheme:light;background-color:var(--mat-sys-surface);color:var(--mat-sys-on-surface);font:var(--mat-sys-body-medium);margin:0;height:100%}:root{--brand-950: #03241a;--brand-900: #04382a;--brand-800: #0b4a32;--brand-700: #14532d;--brand-600: #166534;--brand-500: #15803d;--brand-400: #22a455;--brand-300: #4ade80;--brand-200: #bbf7d0;--brand-100: #dcfce7;--brand-50: #f0fdf4;--ink-900: #0f172a;--ink-700: #334155;--ink-600: #475569;--ink-500: #64748b;--ink-400: #94a3b8;--ink-300: #cbd5e1;--ink-200: #e2e8f0;--ink-100: #f1f5f9;--ink-50: #f8fafc;--color-primary: var(--brand-600);--color-primary-hover: var(--brand-700);--color-primary-soft: var(--brand-50);--color-danger: #dc2626;--color-danger-hover: #b91c1c;--color-danger-soft: #fef2f2;--color-warning: #d97706;--color-warning-soft: #fffbeb;--color-success: #16a34a;--color-success-soft: #f0fdf4;--color-info: #0369a1;--color-info-soft: #f0f9ff;--surface-page: #f4f6f5;--surface-card: #ffffff;--surface-sunken: #f8faf9;--border-subtle: #e6eae8;--border-default: #dbe1de;--border-strong: #c4cdc8;--text-primary: var(--ink-900);--text-secondary: var(--ink-600);--text-muted: var(--ink-400);--text-on-brand: #ffffff;--radius-xs: 6px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--radius-full: 999px;--shadow-xs: 0 1px 2px rgba(15, 23, 42, .05);--shadow-sm: 0 1px 2px rgba(15, 23, 42, .04), 0 1px 3px rgba(15, 23, 42, .06);--shadow-md: 0 2px 4px rgba(15, 23, 42, .04), 0 6px 16px rgba(15, 23, 42, .07);--shadow-lg: 0 8px 24px rgba(15, 23, 42, .1), 0 2px 6px rgba(15, 23, 42, .05);--shadow-pop: 0 16px 48px rgba(4, 56, 42, .16), 0 4px 12px rgba(15, 23, 42, .08);--shadow-card: var(--shadow-sm);--ring-primary: 0 0 0 3px rgba(22, 101, 52, .16);--ring-danger: 0 0 0 3px rgba(220, 38, 38, .16);--font-sans: "Inter", "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--ease-out: cubic-bezier(.16, 1, .3, 1);--transition-fast: .15s ease}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;max-width:100%;overflow-x:clip}body{font-family:var(--font-sans);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}::selection{background:var(--brand-200);color:var(--brand-950)}*{scrollbar-width:thin;scrollbar-color:var(--ink-300) transparent}*::-webkit-scrollbar{width:8px;height:8px}*::-webkit-scrollbar-thumb{background:var(--ink-300);border-radius:var(--radius-full)}*::-webkit-scrollbar-track{background:transparent}app-root{display:block;max-width:100%;overflow-x:clip}app-landing-page,app-audio-upload,app-dashboard,app-past-calls,app-alerts-overview,app-alert-form,app-billing-usage,app-settings,app-response-agent,app-case-management,app-analytics-insights{display:block;max-width:100%;min-width:0}.page-card,.calls-card,.upload-card,.analytics-page,.chart-wrapper,.table-wrapper{max-width:100%;min-width:0}.page-card,.calls-card,.upload-card{background:var(--surface-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.page-card header h1,.calls-card header h1,.upload-card header h1{color:var(--text-primary);font-weight:700;letter-spacing:-.02em}.page-card header p,.calls-card header p{color:var(--text-secondary)}.refresh,.primary-btn,.submit-btn,.save-btn{background:var(--brand-600);color:#fff;border:none;border-radius:var(--radius-full);font-weight:600;cursor:pointer;transition:background var(--transition-fast),box-shadow var(--transition-fast)}.refresh:hover:not(:disabled),.primary-btn:hover:not(:disabled),.submit-btn:hover:not(:disabled),.save-btn:hover:not(:disabled){background:var(--brand-700);box-shadow:0 6px 16px #14532d40}.secondary-btn,.ghost-btn{background:var(--surface-card);color:var(--text-secondary);border:1px solid var(--border-default);border-radius:var(--radius-full);font-weight:600;cursor:pointer;transition:background var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast)}.secondary-btn:hover:not(:disabled),.ghost-btn:hover:not(:disabled){background:var(--brand-50);border-color:var(--brand-600);color:var(--brand-700)}input:not([type=checkbox]):not([type=radio]),select,textarea{border:1px solid var(--border-default);border-radius:var(--radius-sm);font-family:inherit}input:not([type=checkbox]):not([type=radio]):focus,select:focus,textarea:focus{outline:none;border-color:var(--brand-600);box-shadow:var(--ring-primary)}.modal-backdrop{background:#03241a73;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal{border-radius:var(--radius-xl);box-shadow:var(--shadow-pop);border:1px solid var(--border-subtle)}.page-card .chart-wrapper,.analytics-page .chart-wrapper{padding:1.25rem 1rem .65rem;background:linear-gradient(165deg,#ffffff 0%,var(--surface-sunken) 100%);border:1px solid var(--border-subtle);border-radius:var(--radius-md);box-shadow:var(--shadow-md);overflow:hidden}.page-card .chart,.analytics-page .chart{display:block;width:100%;height:auto}.page-card .series-line,.analytics-page .series-line{stroke-width:2.25;filter:drop-shadow(0 1px 3px rgba(15,23,42,.1))}.page-card .series-dot,.analytics-page .series-dot{filter:drop-shadow(0 1px 2px rgba(15,23,42,.15))}.page-card .grid-line,.analytics-page .grid-line{stroke:var(--ink-200);stroke-width:1;opacity:.85}.page-card .volume-bar,.analytics-page .volume-bar{opacity:.92;filter:drop-shadow(0 2px 4px rgba(22,101,52,.18))}.page-card .chart-tooltip,.analytics-page .chart-tooltip{top:.5rem;padding:.7rem .85rem;border-radius:var(--radius-sm);background:var(--surface-card);color:var(--text-primary);border:1px solid var(--border-subtle);box-shadow:var(--shadow-pop);min-width:156px}.page-card .tooltip-date,.analytics-page .tooltip-date{margin:0 0 .5rem;padding-bottom:.4rem;border-bottom:1px solid var(--border-subtle);font-size:.78rem;font-weight:700;color:var(--text-primary)}.page-card .tooltip-label,.analytics-page .tooltip-label{color:var(--text-secondary)}.page-card .tooltip-value,.analytics-page .tooltip-value{color:var(--text-primary);font-weight:700}.page-card .tooltip-swatch,.analytics-page .tooltip-swatch{width:9px;height:9px;border-radius:3px;box-shadow:0 0 0 1px #0f172a14}.page-card .legend,.analytics-page .legend{padding:1rem 1.15rem;background:var(--surface-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);box-shadow:var(--shadow-sm)}.page-card .legend-swatch,.analytics-page .legend-swatch{border-radius:4px;box-shadow:0 0 0 1px #0f172a0f}.page-card .legend-value,.analytics-page .legend-value{font-weight:600;color:var(--text-secondary)}.summary-row,.stat-grid{gap:1rem}.summary-card,.stat-card{background:var(--surface-card);box-shadow:var(--shadow-sm);transition:transform var(--transition-fast),box-shadow var(--transition-fast),border-color var(--transition-fast)}.summary-card:hover,.stat-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:var(--brand-200)}.summary-card strong,.stat-card strong{font-weight:800;letter-spacing:-.03em}.period-tabs{display:inline-flex;flex-wrap:wrap;justify-content:center;gap:.25rem;padding:4px;margin-left:auto;margin-right:auto;margin-bottom:1.5rem;max-width:100%;background:var(--ink-100);border-radius:var(--radius-full);border:1px solid var(--border-subtle)}.period-tabs button{border:none;background:transparent;transition:background var(--transition-fast),color var(--transition-fast),box-shadow var(--transition-fast)}.period-tabs button.active{background:var(--surface-card);color:var(--brand-700);box-shadow:var(--shadow-xs)}.panel,.bar-track{border-radius:var(--radius-md)}.bar-track{height:10px;background:var(--ink-100);box-shadow:inset 0 1px 2px #0f172a0f}.bar-fill{box-shadow:0 1px 3px #0f172a1f}.page-card,.calls-card,.upload-card{transition:box-shadow var(--transition-fast)}.page-card:hover,.calls-card:hover{box-shadow:var(--shadow-md)}