:root{--c-white: #ffffff;--c-gray-50: #f8fafc;--c-gray-100: #f1f5f9;--c-gray-200: #e2e8f0;--c-gray-300: #cbd5e1;--c-gray-400: #94a3b8;--c-gray-500: #64748b;--c-gray-600: #475569;--c-gray-700: #334155;--c-gray-800: #1e293b;--c-gray-900: #0f172a;--c-blue-50: #eff6ff;--c-blue-100: #dbeafe;--c-blue-200: #bfdbfe;--c-blue-500: #3b82f6;--c-blue-600: #2563eb;--c-blue-700: #1d4ed8;--c-blue-800: #1e40af;--c-green-50: #f0fdf4;--c-green-100: #d1fae5;--c-green-300: #6ee7b7;--c-green-500: #10b981;--c-green-600: #059669;--c-green-700: #047857;--c-green-800: #065f46;--c-amber-50: #fffbeb;--c-amber-100: #fef3c7;--c-amber-300: #fcd34d;--c-amber-500: #f59e0b;--c-amber-600: #d97706;--c-amber-700: #b45309;--c-amber-800: #92400e;--c-orange-500: #f97316;--c-orange-700: #c2410c;--c-red-50: #fef2f2;--c-red-100: #fee2e2;--c-red-300: #fca5a5;--c-red-500: #ef4444;--c-red-600: #dc2626;--c-red-700: #b91c1c;--c-violet-50: #f5f3ff;--c-violet-200: #ddd6fe;--c-violet-500: #8b5cf6;--c-violet-600: #7c3aed;--c-violet-700: #6d28d9;--surface: var(--c-white);--surface-muted: var(--c-gray-50);--surface-sunken: var(--c-gray-100);--surface-overlay: rgba(15, 23, 42, .55);--text: var(--c-gray-800);--text-secondary: var(--c-gray-600);--text-muted: var(--c-gray-500);--text-inverse: var(--c-white);--border: var(--c-gray-200);--border-strong: var(--c-gray-300);--focus-ring: var(--c-blue-600);--primary: var(--c-blue-600);--primary-hover: var(--c-blue-700);--primary-contrast: var(--c-white);--primary-surface: var(--c-blue-50);--primary-border: var(--c-blue-200);--danger-surface: var(--c-red-50);--danger-border: var(--c-red-300);--danger-icon: var(--c-red-600);--danger-text: var(--c-red-700);--warning-surface: var(--c-amber-50);--warning-border: var(--c-amber-300);--warning-icon: var(--c-amber-600);--warning-text: var(--c-amber-800);--success-surface: var(--c-green-50);--success-border: var(--c-green-300);--success-icon: var(--c-green-600);--success-text: var(--c-green-800);--info-surface: var(--c-blue-50);--info-border: var(--c-blue-200);--info-icon: var(--c-blue-600);--info-text: var(--c-blue-800);--neutral-surface: var(--c-gray-100);--neutral-border: var(--c-gray-300);--neutral-icon: var(--c-gray-500);--neutral-text: var(--c-gray-700);--status-ringing: var(--c-blue-500);--status-answered: var(--c-green-600);--status-completed: var(--c-green-500);--status-missed: var(--c-orange-500);--status-voicemail: var(--c-violet-500);--status-disconnected: var(--c-gray-300);--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica Neue", Arial, sans-serif;--font-mono: ui-monospace, "SF Mono", "Cascadia Mono", "Roboto Mono", "Courier New", monospace;--font-size-xs: .8125rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-md: 1.125rem;--font-size-lg: 1.1875rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.75rem;--font-size-4xl: 2.25rem;--line-tight: 1.25;--line-normal: 1.5;--line-relaxed: 1.6;--weight-regular: 400;--weight-medium: 500;--weight-semibold: 600;--weight-bold: 700;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-pill: 999px;--shadow-1: 0 1px 2px rgba(15, 23, 42, .06);--shadow-2: 0 2px 4px rgba(15, 23, 42, .08);--shadow-3: 0 4px 8px rgba(15, 23, 42, .08);--shadow-4: 0 10px 24px rgba(15, 23, 42, .12);--shadow-5: 0 20px 40px rgba(15, 23, 42, .18);--target-min: 24px;--target-comfortable: 44px;--duration-fast: .12s;--duration: .2s;--duration-slow: .32s;--ease: cubic-bezier(.4, 0, .2, 1);--z-base: 1;--z-sticky: 100;--z-softphone: 999;--z-overlay: 1000;--z-menu: 1100;--z-toast: 1200}@media(prefers-reduced-motion:reduce){:root{--duration-fast: .01ms;--duration: .01ms;--duration-slow: .01ms}}.filter-button{display:flex;align-items:center;gap:var(--space-1);min-height:36px;padding:0 var(--space-4);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);font-size:var(--font-size-sm);font-weight:var(--weight-medium);font-family:inherit;color:var(--text-secondary);cursor:pointer;transition:background var(--duration) var(--ease),border-color var(--duration) var(--ease)}.filter-button:hover{border-color:var(--border-strong);background:var(--surface-muted)}.filter-button.active,.filter-button[aria-pressed=true]{background:var(--primary);border-color:var(--primary);color:var(--primary-contrast)}.date-range-chips__current{cursor:default;background:var(--surface-muted);border-style:dashed;border-color:var(--border-strong);color:var(--text)}.date-range-chips__current:hover{background:var(--surface-muted);border-color:var(--border-strong)}.date-range-chips{display:flex;flex-direction:column;gap:var(--space-2)}.date-range-chips__row{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2)}.date-range-chips__icon{width:14px;height:14px;flex-shrink:0}.date-range-chips__input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.date-range-chips__more{position:relative}.date-range-chips__summary{list-style:none;-webkit-user-select:none;user-select:none}.date-range-chips__summary::-webkit-details-marker{display:none}.date-range-chips__menu{position:absolute;top:calc(100% + var(--space-1));left:0;z-index:var(--z-menu);display:flex;flex-direction:column;gap:var(--space-1);min-width:10rem;padding:var(--space-2);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-3)}.date-range-chips__menu .filter-button{width:100%;justify-content:flex-start}.date-range-chips__custom{display:flex;flex-wrap:wrap;gap:var(--space-3);align-items:center}.date-range-chips__field{display:inline-flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-sm);color:var(--text-secondary)}.date-range-chips__field input{min-height:36px;padding:0 var(--space-2);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);color:var(--text);font-family:inherit;font-size:var(--font-size-sm)}:root{font-family:var(--font-sans);font-size:100%;line-height:var(--line-normal);font-weight:var(--weight-regular);color:var(--text);color-scheme:light;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-height:100vh;font-size:var(--font-size-base)}button{font-family:inherit;font-size:1em;font-weight:var(--weight-medium);cursor:pointer}:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px;border-radius:2px}.cpf{display:flex;flex-direction:column;gap:var(--space-4);text-align:left}.cpf__intro{font-size:var(--font-size-base);line-height:var(--line-normal);color:var(--text-secondary)}.cpf__error{display:flex;align-items:flex-start;gap:var(--space-3);background:var(--danger-surface);border:1px solid var(--danger-border);color:var(--danger-text);padding:var(--space-3);border-radius:var(--radius-md);font-size:var(--font-size-base);line-height:var(--line-normal)}.cpf__error svg{flex:0 0 auto;margin-top:2px;color:var(--danger-icon)}.cpf__field{display:flex;flex-direction:column;gap:var(--space-2)}.cpf__label{font-size:var(--font-size-sm);font-weight:var(--weight-semibold);color:var(--text-secondary)}.cpf__input{width:100%;min-height:var(--target-comfortable);padding:var(--space-3) var(--space-4);border:1.5px solid var(--border-strong);border-radius:var(--radius-md);background:var(--surface);color:var(--text);font-family:var(--font-sans);font-size:var(--font-size-base);transition:border-color var(--duration) var(--ease)}.cpf__input:focus-visible{outline:2px solid var(--focus-ring);outline-offset:1px;border-color:var(--focus-ring)}.cpf__input[aria-invalid=true]{border-color:var(--danger-icon)}.cpf__input:disabled{background:var(--surface-sunken);cursor:not-allowed}.cpf__hint{font-size:var(--font-size-sm);line-height:var(--line-normal);color:var(--text-muted)}.cpf__actions{display:flex;flex-direction:column;gap:var(--space-2);margin-top:var(--space-2)}.cpf__submit,.cpf__cancel{width:100%;min-height:var(--target-comfortable);padding:var(--space-3);border-radius:var(--radius-md);font-family:var(--font-sans);font-size:var(--font-size-base);font-weight:var(--weight-semibold);cursor:pointer;transition:background-color var(--duration) var(--ease),border-color var(--duration) var(--ease)}.cpf__submit{background:var(--primary);color:var(--primary-contrast);border:1px solid var(--primary)}.cpf__submit:hover:not(:disabled){background:var(--primary-hover)}.cpf__cancel{background:var(--surface);color:var(--text-secondary);border:1px solid var(--border-strong)}.cpf__cancel:hover:not(:disabled){background:var(--surface-muted)}.cpf__submit:focus-visible,.cpf__cancel:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.cpf__submit:disabled,.cpf__cancel:disabled{opacity:.7;cursor:not-allowed}.cpd-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-overlay);display:flex;align-items:center;justify-content:center;padding:var(--space-4);background:var(--surface-overlay)}.cpd{width:100%;max-width:440px;max-height:calc(100vh - 2 * var(--space-4));overflow:auto;background:var(--surface);border-radius:var(--radius-xl);box-shadow:var(--shadow-5);padding:var(--space-6)}.cpd__header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-3);margin-bottom:var(--space-2)}.cpd__title{font-size:var(--font-size-xl);font-weight:var(--weight-bold);color:var(--text)}.cpd__subtitle{font-size:var(--font-size-sm);color:var(--text-muted);word-break:break-all}.cpd__note{font-size:var(--font-size-sm);color:var(--text-secondary);margin-bottom:var(--space-4)}.cpd__close{display:inline-flex;align-items:center;justify-content:center;width:var(--target-comfortable);height:var(--target-comfortable);flex:0 0 auto;background:transparent;border:none;border-radius:var(--radius-md);color:var(--text-muted);cursor:pointer}.cpd__close:hover{background:var(--surface-muted);color:var(--text)}.cpd__close:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.cpd:focus{outline:none}.login-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(160deg,var(--c-blue-700) 0%,#155e75 100%);padding:var(--space-4)}.login-card{background:var(--surface);border-radius:var(--radius-xl);box-shadow:var(--shadow-5);padding:var(--space-10);width:100%;max-width:420px;animation:slideUp var(--duration-slow) var(--ease)}@keyframes slideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.login-card{animation:none}}.login-header{text-align:center;margin-bottom:var(--space-8)}.login-icon{display:inline-flex;align-items:center;justify-content:center;width:72px;height:72px;background:var(--primary);border-radius:50%;color:var(--primary-contrast);margin-bottom:var(--space-4)}.login-brand{display:block;margin:0 auto var(--space-4)}.login-title{font-size:var(--font-size-3xl);font-weight:var(--weight-bold);color:var(--text);margin-bottom:var(--space-2)}.login-subtitle{font-size:var(--font-size-base);color:var(--text-muted)}.login-error{display:flex;align-items:center;gap:var(--space-3);background:var(--danger-surface);border:1px solid var(--danger-border);color:var(--danger-text);padding:var(--space-3);border-radius:var(--radius-md);margin-bottom:var(--space-5);font-size:var(--font-size-sm)}.login-form{display:flex;flex-direction:column;gap:var(--space-5)}.form-group{display:flex;flex-direction:column;gap:var(--space-2)}.form-label{display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-sm);font-weight:var(--weight-semibold);color:var(--text-secondary)}.form-input{width:100%;padding:var(--space-3) var(--space-4);border:1.5px solid var(--border-strong);border-radius:var(--radius-md);font-size:var(--font-size-base);transition:border-color var(--duration) var(--ease),box-shadow var(--duration) var(--ease);background:var(--surface);color:var(--text)}.form-input:focus{outline:none;border-color:var(--focus-ring);box-shadow:0 0 0 3px #2563eb26}.form-input:disabled{background:var(--surface-sunken);cursor:not-allowed;opacity:.7;color:var(--text)}.login-button{width:100%;padding:var(--space-3);background:var(--primary);color:var(--primary-contrast);border:none;border-radius:var(--radius-md);font-size:var(--font-size-base);font-weight:var(--weight-semibold);cursor:pointer;transition:background var(--duration) var(--ease);margin-top:var(--space-2);display:flex;align-items:center;justify-content:center;min-height:var(--target-comfortable)}.login-button:hover:not(:disabled){background:var(--primary-hover)}.login-button:disabled{opacity:.7;cursor:not-allowed}.loading-spinner{width:20px;height:20px;border:3px solid rgba(255,255,255,.4);border-top-color:var(--c-white);border-radius:50%;animation:spin .8s linear infinite}@media(prefers-reduced-motion:reduce){.loading-spinner{animation:none}}.login-footer{margin-top:var(--space-8);padding-top:var(--space-6);border-top:1px solid var(--border)}.login-footer-text{text-align:center;font-size:var(--font-size-sm);color:var(--text-secondary);line-height:var(--line-normal)}.login-link{color:var(--primary);font-weight:var(--weight-semibold);background:none;border:none;cursor:pointer;text-decoration:underline;padding:0;transition:color var(--duration) var(--ease)}.login-link:hover:not(:disabled){color:var(--primary-hover)}.login-link:disabled{opacity:.7;cursor:not-allowed}.login-link:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.login-notice{display:flex;align-items:flex-start;gap:var(--space-3);background:var(--info-surface);border:1px solid var(--info-border);color:var(--info-text);padding:var(--space-3);border-radius:var(--radius-md);margin-bottom:var(--space-5);font-size:var(--font-size-base);line-height:var(--line-normal)}.login-notice svg{flex:0 0 auto;margin-top:2px;color:var(--info-icon)}.login-notice__text{flex:1 1 auto}.login-notice__dismiss{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;min-width:var(--target-min);min-height:var(--target-min);margin:calc(-1 * var(--space-1));background:transparent;border:none;border-radius:var(--radius-sm);color:var(--info-text);cursor:pointer}.login-notice__dismiss svg{margin-top:0;color:currentColor}.login-notice__dismiss:hover{background:var(--info-border)}.login-notice__dismiss:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.login-error{line-height:var(--line-normal);flex-wrap:wrap}.login-error svg{flex:0 0 auto;color:var(--danger-icon)}.login-error>span{flex:1 1 12rem}.login-error__action{min-height:var(--target-min);padding:var(--space-1) var(--space-3);background:var(--surface);border:1px solid var(--danger-border);border-radius:var(--radius-md);color:var(--danger-text);font-family:var(--font-sans);font-size:var(--font-size-sm);font-weight:var(--weight-semibold);cursor:pointer}.login-error__action:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.login-recorded,.login-help{margin-top:var(--space-4);font-size:var(--font-size-sm);line-height:var(--line-normal);color:var(--text-secondary);text-align:center}.login-recorded{margin-top:var(--space-6)}.login-help{margin-top:var(--space-2)}.login-step-intro{margin-bottom:var(--space-5);font-size:var(--font-size-base);line-height:var(--line-normal);color:var(--text-secondary)}.login-title:focus{outline:none}.login-title:focus-visible{outline:2px solid var(--focus-ring);outline-offset:4px;border-radius:var(--radius-sm)}.login-field-hint{font-size:var(--font-size-sm);line-height:var(--line-normal);color:var(--text-muted)}.login-field-error{font-size:var(--font-size-base);line-height:var(--line-normal);font-weight:var(--weight-semibold);color:var(--danger-text)}.form-input[aria-invalid=true]{border-color:var(--danger-icon)}.form-input:focus-visible{outline:2px solid var(--focus-ring);outline-offset:1px}.login-code-input{font-family:var(--font-mono);font-size:var(--font-size-xl);letter-spacing:.3em;max-width:14rem}.login-checkbox{display:flex;align-items:flex-start;gap:var(--space-3)}.login-checkbox input[type=checkbox]{flex:0 0 auto;width:var(--target-min);height:var(--target-min);margin:0;accent-color:var(--primary);cursor:pointer}.login-checkbox input[type=checkbox]:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.login-checkbox__label{display:block;font-size:var(--font-size-base);font-weight:var(--weight-semibold);color:var(--text);cursor:pointer;line-height:var(--target-min)}.login-checkbox__hint{font-size:var(--font-size-sm);line-height:var(--line-normal);color:var(--text-secondary)}.login-step-actions{display:flex;flex-direction:column;gap:var(--space-2)}.login-step-actions .login-button{margin-top:0}.login-secondary-button{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);width:100%;min-height:var(--target-comfortable);padding:var(--space-3);background:var(--surface);color:var(--text-secondary);border:1px solid var(--border-strong);border-radius:var(--radius-md);font-family:var(--font-sans);font-size:var(--font-size-base);font-weight:var(--weight-semibold);cursor:pointer;transition:background-color var(--duration) var(--ease)}.login-secondary-button:hover:not(:disabled){background:var(--surface-muted)}.login-secondary-button:disabled{opacity:.7;cursor:not-allowed}.login-button:focus-visible,.login-secondary-button:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.login-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}.app-boot-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-3)}.app-boot-actions .logout-button{min-height:var(--target-comfortable)}.app-boot-secondary{min-height:var(--target-comfortable);padding:var(--space-3) var(--space-8);background:var(--surface);color:var(--text-secondary);border:1px solid var(--border-strong);border-radius:var(--radius-md);font-size:var(--font-size-base);font-weight:var(--weight-semibold);cursor:pointer}.app-boot-secondary:hover{background:var(--surface-muted)}.app-boot-actions button:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.mfa-panel{display:flex;flex-direction:column;gap:var(--space-4)}.mfa-panel__loading{font-size:var(--font-size-base);color:var(--text-secondary)}.mfa-setup{display:flex;flex-direction:column;align-items:center;gap:var(--space-3)}.mfa-steps{align-self:stretch;margin:0;padding-left:var(--space-6);font-size:var(--font-size-base);line-height:var(--line-normal);color:var(--text)}.mfa-steps li+li{margin-top:var(--space-1)}.mfa-qr{display:block;width:200px;height:200px;padding:var(--space-2);background:var(--c-white);border:1px solid var(--border);border-radius:var(--radius-md)}.mfa-key-label{align-self:stretch;font-size:var(--font-size-sm);color:var(--text-secondary)}.mfa-key{align-self:stretch;display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:var(--surface-sunken);border:1px solid var(--border);border-radius:var(--radius-md)}.mfa-key__value{flex:1 1 auto;font-family:var(--font-mono);font-size:var(--font-size-base);color:var(--text);word-break:normal;overflow-wrap:anywhere;-webkit-user-select:all;user-select:all}.mfa-key__copy{display:inline-flex;align-items:center;gap:var(--space-1);min-height:var(--target-min);padding:var(--space-1) var(--space-3);background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--radius-md);color:var(--text);font-family:var(--font-sans);font-size:var(--font-size-sm);font-weight:var(--weight-semibold);cursor:pointer}.mfa-key__copy:hover{background:var(--surface-muted)}.mfa-key__copy:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.mfa-key__status{align-self:stretch;min-height:1.25em;font-size:var(--font-size-sm);color:var(--text-secondary)}.mfa-dialog{display:flex;flex-direction:column;gap:var(--space-4)}.mfa-dialog__state{display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-base);color:var(--text)}.mfa-dialog__state-icon{flex:0 0 auto;color:var(--neutral-icon)}.mfa-dialog__state-icon.is-on{color:var(--success-icon)}.mfa-dialog__text{font-size:var(--font-size-base);line-height:var(--line-normal);color:var(--text-secondary)}.mfa-dialog__required{padding:var(--space-3);background:var(--warning-surface);border:1px solid var(--warning-border);border-radius:var(--radius-md);color:var(--warning-text);font-size:var(--font-size-base);line-height:var(--line-normal)}.mfa-dialog__trust{font-size:var(--font-size-sm);line-height:var(--line-normal);color:var(--text-secondary)}.mfa-dialog__enrol:focus{outline:none}.mfa-dialog__enrol:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px;border-radius:var(--radius-sm)}.toast-region{position:fixed;bottom:var(--space-6);left:50%;transform:translate(-50%);z-index:var(--z-toast);display:flex;flex-direction:column;align-items:center;gap:var(--space-2);pointer-events:none;width:max-content;max-width:min(92vw,30rem)}.toast{pointer-events:auto;display:flex;align-items:center;gap:var(--space-3);width:100%;padding:var(--space-3) var(--space-3) var(--space-3) var(--space-4);border-radius:var(--radius-md);border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow-4);font-size:var(--font-size-sm);color:var(--text);animation:toast-in var(--duration) var(--ease)}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.toast{animation:none}}.toast__icon{width:18px;height:18px;flex-shrink:0}.toast--success{border-left:4px solid var(--success-icon)}.toast--success .toast__icon{color:var(--success-icon)}.toast--error{border-left:4px solid var(--danger-icon)}.toast--error .toast__icon{color:var(--danger-icon)}.toast--info{border-left:4px solid var(--info-icon)}.toast--info .toast__icon{color:var(--info-icon)}.toast__message{flex:1;font-weight:var(--weight-medium)}.toast__action{flex-shrink:0;min-height:32px;padding:0 var(--space-3);border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--surface);color:var(--primary);font-size:var(--font-size-sm);font-weight:var(--weight-semibold);cursor:pointer;font-family:inherit;transition:background var(--duration) var(--ease)}.toast__action:hover{background:var(--surface-muted)}.toast__close{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border:none;background:none;color:var(--text-muted);cursor:pointer;border-radius:var(--radius-sm)}.toast__close:hover{background:var(--surface-muted);color:var(--text)}.toast__close svg{width:16px;height:16px}.flm-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--surface-overlay);display:flex;align-items:center;justify-content:center;padding:var(--space-4);z-index:var(--z-overlay);animation:flm-fade-in var(--duration-fast) ease-out}@keyframes flm-fade-in{0%{opacity:0}to{opacity:1}}@media(prefers-reduced-motion:reduce){.flm-overlay{animation:none}}.flm-modal{background:var(--surface);border-radius:var(--radius-xl);width:100%;max-width:480px;box-shadow:var(--shadow-5);padding:var(--space-6)}.flm-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-3)}.flm-title{display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-lg);font-weight:var(--weight-bold);color:var(--text)}.flm-title-icon{color:var(--primary)}.flm-close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;border-radius:var(--radius-md);background:none;color:var(--text-muted);cursor:pointer}.flm-close:hover{background:var(--surface-sunken);color:var(--text)}.flm-description{font-size:var(--font-size-base);line-height:1.55;color:var(--text-secondary);margin:0 0 var(--space-4)}.flm-status{display:flex;gap:var(--space-2);align-items:flex-start;padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);background:var(--primary-surface);border:1px solid var(--primary-border);color:var(--text);font-size:var(--font-size-sm);line-height:1.5;margin-bottom:var(--space-4)}.flm-status svg{flex-shrink:0;margin-top:2px;color:var(--primary)}.flm-actions{display:flex;justify-content:flex-end;gap:var(--space-2);flex-wrap:wrap}.flm-contact-btn{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);background:var(--primary);color:var(--primary-contrast);font-size:var(--font-size-sm);font-weight:var(--weight-semibold);text-decoration:none}.flm-contact-btn:hover{background:var(--primary-hover)}.flm-dismiss-btn{padding:var(--space-2) var(--space-4);border:1px solid var(--border-strong);border-radius:var(--radius-md);background:var(--surface);color:var(--text-secondary);font-size:var(--font-size-sm);font-weight:var(--weight-medium);cursor:pointer}.flm-dismiss-btn:hover{background:var(--surface-muted);color:var(--text)}.user-menu{position:relative;display:flex;align-items:center}.user-menu__trigger{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);min-height:var(--target-comfortable);background:transparent;border:1px solid transparent;border-radius:var(--radius-pill);color:var(--text-secondary);font-family:var(--font-sans);font-size:var(--font-size-sm);cursor:pointer;transition:background-color var(--duration-fast) var(--ease),border-color var(--duration-fast) var(--ease)}.user-menu__trigger:hover{background:var(--surface-muted);border-color:var(--border)}.user-menu__trigger:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.user-menu__avatar{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;flex:0 0 auto;border-radius:var(--radius-pill);background:var(--primary-surface);color:var(--primary);border:1px solid var(--primary-border);font-weight:700;font-size:var(--font-size-sm);line-height:1}.user-menu__avatar--lg{width:40px;height:40px;font-size:var(--font-size-lg)}.user-menu__email{max-width:22ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:500;color:var(--text)}.user-menu__chevron{color:var(--text-muted);flex:0 0 auto}.user-menu__dropdown{position:absolute;top:calc(100% + var(--space-2));right:0;z-index:var(--z-menu);min-width:260px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-4);padding:var(--space-3)}.user-menu__identity{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-2)}.user-menu__identity-text{min-width:0}.user-menu__signed-in{font-size:var(--font-size-xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em}.user-menu__full-email{font-size:var(--font-size-base);font-weight:600;color:var(--text);word-break:break-all;margin-top:2px}.user-menu__role-badge{display:inline-flex;align-items:center;gap:var(--space-1);margin-top:var(--space-2);padding:2px var(--space-2);border-radius:var(--radius-pill);background:var(--neutral-surface);border:1px solid var(--neutral-border);color:var(--neutral-text);font-size:var(--font-size-xs);font-weight:600}.user-menu__role-badge.is-admin{background:var(--info-surface);border-color:var(--info-border);color:var(--info-text)}.user-menu__role-badge svg{color:currentColor}.user-menu__divider{height:1px;background:var(--border);margin:var(--space-2) 0}.user-menu__dropdown--platform{min-width:300px;max-width:min(360px,calc(100vw - 2 * var(--space-4)))}.user-menu__role-badge.is-platform{background:var(--primary-surface);border-color:var(--primary-border);color:var(--info-text)}.user-menu__switch-label{padding:var(--space-1) var(--space-2);font-size:var(--font-size-xs);font-weight:var(--weight-semibold);color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em}.user-menu__filter{width:100%;min-height:var(--target-comfortable);margin:var(--space-1) 0 var(--space-2);padding:var(--space-2) var(--space-3);border:1px solid var(--border-strong);border-radius:var(--radius-md);background:var(--surface);color:var(--text);font-family:var(--font-sans);font-size:var(--font-size-base)}.user-menu__filter:focus-visible{outline:2px solid var(--focus-ring);outline-offset:1px}.user-menu__switch-note{padding:var(--space-2);font-size:var(--font-size-sm);color:var(--text-secondary)}.user-menu__link{background:none;border:none;padding:0;color:var(--primary);font:inherit;font-weight:var(--weight-semibold);text-decoration:underline;cursor:pointer}.user-menu__link:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.user-menu__practices{list-style:none;margin:0;padding:0;max-height:260px;overflow:auto}.user-menu__item.user-menu__practice{flex-wrap:wrap;column-gap:var(--space-2);row-gap:0}.user-menu__practice-name{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-menu__practice-code{font-family:var(--font-mono);font-size:var(--font-size-sm);color:var(--text-muted)}.user-menu__practice-current{font-size:var(--font-size-xs);font-weight:var(--weight-semibold);color:var(--primary)}.user-menu__item.is-current{font-weight:var(--weight-bold);background:var(--primary-surface)}.user-menu__item.is-current .user-menu__practice-code{color:var(--text-secondary)}.user-menu__switch-error{margin:var(--space-1) var(--space-2) 0;font-size:var(--font-size-sm);color:var(--danger-text)}.user-menu__item{display:flex;align-items:center;gap:var(--space-2);width:100%;min-height:var(--target-min);padding:var(--space-2) var(--space-2);background:transparent;border:none;border-radius:var(--radius-md);color:var(--text);font-family:var(--font-sans);font-size:var(--font-size-base);text-align:left;cursor:pointer;transition:background-color var(--duration-fast) var(--ease)}.user-menu__item:hover{background:var(--surface-muted)}.user-menu__item:focus-visible{outline:2px solid var(--focus-ring);outline-offset:-2px}.user-menu__item svg{color:var(--text-muted)}@media(max-width:640px){.user-menu__email{display:none}}.user-menu__name{font-size:var(--font-size-base);font-weight:var(--weight-semibold);color:var(--text);margin-top:2px;overflow-wrap:anywhere}.user-menu__full-email.is-secondary{font-size:var(--font-size-sm);font-weight:var(--weight-regular);color:var(--text-secondary)}.user-menu__item-meta{margin-left:auto;font-size:var(--font-size-sm);color:var(--text-secondary)}.user-menu__item--toggle{align-items:flex-start}.user-menu__item--toggle svg,.user-menu__item--toggle .user-menu__item-meta{margin-top:2px}.user-menu__item--toggle[aria-disabled=true]{cursor:default}.user-menu__item-text{display:flex;flex-direction:column;min-width:0}.user-menu__item-hint{max-width:220px;font-size:var(--font-size-sm);color:var(--text-secondary);line-height:1.35}.practice-context-bar{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-8);background:var(--info-surface);border-bottom:1px solid var(--info-border);color:var(--info-text)}.practice-context-bar__icon{flex:0 0 auto;color:var(--info-icon)}.practice-context-bar__text{flex:1 1 auto;min-width:0;font-size:var(--font-size-base);line-height:var(--line-normal)}.practice-context-bar__practice{font-weight:var(--weight-bold)}.practice-context-bar__code{font-family:var(--font-mono);font-size:var(--font-size-sm)}.practice-context-bar__back{display:inline-flex;align-items:center;gap:var(--space-2);flex:0 0 auto;min-height:var(--target-comfortable);padding:var(--space-2) var(--space-4);background:var(--surface);border:1px solid var(--info-border);border-radius:var(--radius-md);color:var(--info-text);font-family:var(--font-sans);font-size:var(--font-size-base);font-weight:var(--weight-semibold);cursor:pointer;transition:background-color var(--duration-fast) var(--ease)}.practice-context-bar__back:hover{background:var(--primary-surface)}.practice-context-bar__back:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}@media(max-width:768px){.practice-context-bar{flex-wrap:wrap;padding:var(--space-2) var(--space-4)}}.pnc-screen{flex:1 1 auto;display:flex;align-items:center;justify-content:center;padding:var(--space-8) var(--space-4);background:var(--surface-muted)}.pnc-card{width:100%;max-width:520px;padding:var(--space-10) var(--space-8);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--shadow-4);text-align:center}.pnc-icon{display:inline-flex;align-items:center;justify-content:center;width:64px;height:64px;margin-bottom:var(--space-4);border-radius:50%;background:var(--info-surface);color:var(--info-icon)}.pnc-icon--error{background:var(--warning-surface);color:var(--warning-icon)}.pnc-title{font-size:var(--font-size-2xl);font-weight:var(--weight-bold);line-height:var(--line-tight);color:var(--text);margin-bottom:var(--space-4)}.pnc-text{font-size:var(--font-size-base);line-height:var(--line-relaxed);color:var(--text-secondary);margin-bottom:var(--space-3)}.pnc-actions{display:flex;flex-direction:column;gap:var(--space-3);margin-top:var(--space-6)}.pnc-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);width:100%;min-height:var(--target-comfortable);padding:var(--space-3) var(--space-4);background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--radius-md);color:var(--text);font-family:var(--font-sans);font-size:var(--font-size-base);font-weight:var(--weight-semibold);cursor:pointer;transition:background-color var(--duration) var(--ease),border-color var(--duration) var(--ease)}.pnc-btn:hover{background:var(--surface-muted)}.pnc-btn:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.pnc-btn--primary{background:var(--primary);border-color:var(--primary);color:var(--primary-contrast)}.pnc-btn--primary:hover{background:var(--primary-hover)}.pnc-btn--quiet{border-color:transparent;color:var(--text-secondary)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f8fafc}.App{min-height:100vh;width:100%;display:flex;flex-direction:column}.app-nav{display:flex;gap:.5rem;padding:0 2rem;background:#fff;border-bottom:1px solid #e2e8f0}.app-nav>button{display:flex;align-items:center;gap:.5rem;padding:1rem 1.5rem;background:none;border:none;border-bottom:3px solid transparent;font-size:.9375rem;font-weight:500;color:#6b7280;cursor:pointer;transition:all .2s;margin-bottom:-1px}.app-nav>button:hover{color:#374151;background:#f9fafb}.app-nav>button.active{color:#3b82f6;border-bottom-color:#3b82f6}.app-nav>button.nav-locked{color:#9ca3af}.app-nav>button.nav-locked:hover{color:#6b7280;background:#f9fafb}.app-nav .nav-lock-icon{margin-left:.125rem}.app-nav__end{margin-left:auto;display:flex;align-items:center}@media(max-width:768px){.app-nav{padding-left:1rem;padding-right:1rem}}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#f1f5f9}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#94a3b8}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes slideIn{0%{transform:translate(-100%);opacity:0}to{transform:translate(0);opacity:1}}.fade-in{animation:fadeIn .3s ease-out}.pulse{animation:pulse 2s infinite}.slide-in{animation:slideIn .5s ease-out}.loading-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(160deg,var(--c-blue-700) 0%,#155e75 100%)}.loading-spinner-large{width:60px;height:60px;border:6px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.no-integration-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(160deg,var(--c-blue-700) 0%,#155e75 100%);padding:1rem}.no-integration-card{background:#fff;border-radius:1rem;box-shadow:0 20px 60px #0000004d;padding:3rem 2.5rem;width:100%;max-width:500px;text-align:center;animation:slideUp .3s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.no-integration-card h1{font-size:1.75rem;font-weight:700;color:#1a202c;margin-bottom:1.5rem}.no-integration-card p{font-size:1rem;color:#4a5568;line-height:1.6;margin-bottom:1rem}.no-integration-card p:last-of-type{margin-bottom:2rem}.logout-button{padding:.875rem 2rem;background:var(--primary);color:var(--primary-contrast);border:none;border-radius:var(--radius-md);font-size:var(--font-size-base);font-weight:var(--weight-semibold);cursor:pointer;transition:background var(--duration) var(--ease)}.logout-button:hover{background:var(--primary-hover)}.nav-unread-badge{background:var(--danger-icon);color:var(--text-inverse);border-radius:var(--radius-pill);min-width:18px;height:18px;display:inline-flex;align-items:center;justify-content:center;font-size:var(--font-size-xs);font-weight:var(--weight-bold);padding:0 5px;margin-left:4px}.app-topbar{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-2) var(--space-8);background:var(--surface);border-bottom:1px solid var(--border)}.app-topbar__brand{display:inline-flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-base);font-weight:var(--weight-bold);color:var(--text);white-space:nowrap}.app-topbar__scope{min-width:0;padding-left:var(--space-4);border-left:1px solid var(--border);font-size:var(--font-size-base);font-weight:var(--weight-medium);color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(max-width:768px){.app-topbar{padding-left:var(--space-4);padding-right:var(--space-4)}.app-topbar__brand{display:none}.app-topbar__scope{padding-left:0;border-left:none}}.app-notice{display:flex;align-items:flex-start;gap:var(--space-3);margin:var(--space-4) var(--space-8) 0;padding:var(--space-3) var(--space-4);background:var(--warning-surface);border:1px solid var(--warning-border);border-radius:var(--radius-md);color:var(--warning-text)}.app-notice__text{flex:1 1 auto;font-size:var(--font-size-base);line-height:var(--line-normal)}.app-notice__dismiss{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;width:var(--target-comfortable);height:var(--target-comfortable);margin:calc(-1 * var(--space-2)) calc(-1 * var(--space-2)) calc(-1 * var(--space-2)) 0;background:transparent;border:none;border-radius:var(--radius-md);color:var(--warning-text);cursor:pointer}.app-notice__dismiss:hover{background:var(--surface)}.app-notice__dismiss:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}@media(max-width:768px){.app-notice{margin-left:var(--space-4);margin-right:var(--space-4)}}.nvb{position:fixed;left:var(--space-4);bottom:var(--space-4);z-index:var(--z-toast);display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3);max-width:calc(100vw - 2 * var(--space-4));padding:var(--space-3) var(--space-4);background:var(--surface);border:1px solid var(--info-border);border-left:4px solid var(--info-icon);border-radius:var(--radius-lg);box-shadow:var(--shadow-4);color:var(--text);font-family:var(--font-sans);font-size:var(--font-size-base)}.nvb__icon{flex:0 0 auto;color:var(--info-icon)}.nvb__text{font-weight:var(--weight-semibold)}.nvb__refresh{min-height:var(--target-comfortable);padding:var(--space-2) var(--space-4);background:var(--primary);color:var(--primary-contrast);border:none;border-radius:var(--radius-md);font-family:var(--font-sans);font-size:var(--font-size-base);font-weight:var(--weight-semibold);cursor:pointer;transition:background-color var(--duration) var(--ease)}.nvb__refresh:hover{background:var(--primary-hover)}.nvb__dismiss{display:inline-flex;align-items:center;justify-content:center;width:var(--target-comfortable);height:var(--target-comfortable);background:transparent;border:none;border-radius:var(--radius-md);color:var(--text-muted);cursor:pointer}.nvb__dismiss:hover{background:var(--surface-muted);color:var(--text)}.nvb__refresh:focus-visible,.nvb__dismiss:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}