@charset "UTF-8";:root{--color-bg-primary: #141515;--color-bg-secondary: rgba(24, 24, 27, .5);--color-bg-tertiary: #27272a;--color-text-primary: #ffffff;--color-text-secondary: #d4d4d8;--color-text-muted: #9f9fa9;--color-text-placeholder: #71717b;--color-border-default: #27272a;--color-border-focus: #3f3f46;--color-border-active: #9810fa;--color-brand-purple: #9810fa;--color-brand-pink: #e60076;--color-brand-coral: #ff6e80;--color-brand-orange: #ff8e65;--color-accent-primary: var(--color-brand-purple);--color-success-bg: rgba(16, 185, 129, .1);--color-success-border: rgba(16, 185, 129, .3);--color-success-text: #10b981;--color-error-bg: rgba(239, 68, 68, .1);--color-error-border: rgba(239, 68, 68, .3);--color-error-text: #ef4444;--color-warning-bg: rgba(245, 158, 11, .1);--color-warning-text: #f59e0b;--gradient-primary-button: linear-gradient(90deg, #9810fa 0%, #e60076 100%);--gradient-secondary-button: linear-gradient(90deg, #9810fa 0%, #c810fa 100%);--gradient-tertiary-button: linear-gradient(90deg, #e60076 0%, #ff6e80 100%);--gradient-background-accent: linear-gradient(135deg, #A805FB 0%, #DD37D2 35%, #FF6E80 59%, #FF8E65 80%);--color-card-surface: #27272a;--color-card-border: #3f3f46;--color-bar-bg: #18181b;--gradient-persona-1: linear-gradient(135deg, #9810fa 0%, #e60076 100%);--gradient-persona-2: linear-gradient(135deg, #e60076 0%, #e60076 100%);--gradient-persona-3: linear-gradient(135deg, #ff6e80 0%, #ff8e65 100%);--gradient-persona-4: linear-gradient(135deg, #ff6e80 0%, #ff6e80 100%);--font-family-primary: "TK Everett", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--text-display-xl-size: 72px;--text-display-xl-line: 80px;--text-display-lg-size: 48px;--text-display-lg-line: 56px;--text-heading-xl-size: 36px;--text-heading-xl-line: 44px;--text-heading-lg-size: 28px;--text-heading-lg-line: 36px;--text-heading-md-size: 24px;--text-heading-md-line: 32px;--text-body-lg-size: 18px;--text-body-lg-line: 28px;--text-body-md-size: 16px;--text-body-md-line: 24px;--text-label-lg-size: 14px;--text-label-lg-line: 20px;--text-label-sm-size: 12px;--text-label-sm-line: 16px;--text-caption-size: 11px;--text-caption-line: 16px;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-bold: 700;--letter-spacing-tight: -.5px;--letter-spacing-normal: 0px;--letter-spacing-wide: .5px;--space-2xs: 4px;--space-xs: 8px;--space-sm: 16px;--space-md: 24px;--space-lg: 32px;--space-xl: 48px;--space-2xl: 64px;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-full: 50%;--opacity-disabled: .5;--opacity-hover: .9;--opacity-surface: .5;--opacity-overlay: .2;--shadow-none: none;--shadow-border: 1px solid var(--color-border-default);--shadow-card: 0 2px 8px rgba(0, 0, 0, .3);--shadow-elevated: 0 8px 24px rgba(0, 0, 0, .4);--transition-quick: .15s ease-out;--transition-standard: .3s ease-in-out;--transition-slow: .5s ease-in-out;--animation-spin: 1s linear infinite;--animation-ping: 1.5s ease-in-out infinite;--sidebar-width: 280px;--sidebar-padding-x: 24px;--sidebar-padding-y: 32px;--main-content-padding: 32px;--grid-gap: 24px;--section-gap: 48px;--card-gap: 24px;--button-height: 44px;--stat-card-height: 160px;--agent-card-min-height: 80px;--bar-height: 32px;--avatar-size: 48px;--touch-target-min: 44px}:root[data-theme=light],.theme-light{--color-bg-primary: #f5f5f5;--color-bg-secondary: rgba(255, 255, 255, .8);--color-bg-tertiary: #e5e5e5;--color-text-primary: #1a1a1a;--color-text-secondary: #4a4a4a;--color-text-muted: #6a6a6a;--color-text-placeholder: #9a9a9a;--color-border-default: #d4d4d8;--color-border-focus: #a1a1aa;--color-border-active: #9810fa;--color-success-bg: rgba(16, 185, 129, .15);--color-error-bg: rgba(239, 68, 68, .15);--color-warning-bg: rgba(245, 158, 11, .15);--shadow-card: 0 2px 8px rgba(0, 0, 0, .1);--shadow-elevated: 0 8px 24px rgba(0, 0, 0, .15)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{width:100vw;height:100vh;overflow:hidden;font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{width:100%;min-height:100%;margin:0;padding:0;font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);color:var(--color-text-primary);background-color:var(--color-bg-primary)}h1,h2,h3,h4,h5,h6,.page-title,.section-header,.card-title{margin:0;font-family:var(--font-family-primary);font-weight:var(--font-weight-bold);line-height:1.2;color:var(--color-text-primary)}h1,.page-title{font-size:clamp(32px,2.285vw,48px);font-weight:var(--font-weight-bold);line-height:1.2}h2,.section-header{font-size:clamp(28px,1.904vw,40px);font-weight:var(--font-weight-bold);line-height:1.2}h3{font-size:clamp(24px,1.523vw,32px);font-weight:var(--font-weight-medium);line-height:1.3}h4,.card-title{font-size:clamp(20px,1.333vw,28px);font-weight:var(--font-weight-medium);line-height:1.4}p{margin:0;font-size:clamp(14px,.952vw,20px);font-weight:var(--font-weight-regular);line-height:1.5;color:var(--color-text-secondary)}a{color:var(--color-brand-purple);text-decoration:none;transition:color var(--transition-quick)}a:hover{color:var(--color-brand-pink)}a:focus-visible{outline:2px solid var(--color-border-active);outline-offset:2px;border-radius:var(--radius-sm)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-bg-tertiary);border-radius:var(--radius-sm)}::-webkit-scrollbar-thumb{background:var(--color-border-focus);border-radius:var(--radius-sm)}::-webkit-scrollbar-thumb:hover{background:var(--color-border-active)}*{scrollbar-width:thin;scrollbar-color:var(--color-border-focus) var(--color-bg-tertiary)}.header-1{font-size:24px!important}@media(max-width:1500px){.header-1{font-size:18px!important}}@media(width:3840px)and (height:1080px){.header-1{font-size:30px!important}}.header-2{font-size:22px!important}@media(max-width:1500px){.header-2{font-size:16px!important}}@media(width:3840px)and (height:1080px){.header-2{font-size:28px!important}}.flex{display:flex}.flex-col{display:flex;flex-direction:column}.flex-row{display:flex;flex-direction:row}.flex-center{display:flex;align-items:center;justify-content:center}.flex-between{display:flex;justify-content:space-between;align-items:center}.flex-wrap{flex-wrap:wrap}.flex-1{flex:1}.grid{display:grid}.grid-4-col{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--grid-gap)}@media(max-width:1024px){.grid-4-col{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.grid-4-col{grid-template-columns:1fr}}.gap-xs{gap:var(--space-xs)}.gap-sm{gap:var(--space-sm)}.gap-md{gap:var(--space-md)}.gap-lg{gap:var(--space-lg)}.gap-xl{gap:var(--space-xl)}.mt-xs{margin-top:var(--space-xs)}.mt-sm{margin-top:var(--space-sm)}.mt-md{margin-top:var(--space-md)}.mt-lg{margin-top:var(--space-lg)}.mt-xl{margin-top:var(--space-xl)}.mb-xs{margin-bottom:var(--space-xs)}.mb-sm{margin-bottom:var(--space-sm)}.mb-md{margin-bottom:var(--space-md)}.mb-lg{margin-bottom:var(--space-lg)}.mb-xl{margin-bottom:var(--space-xl)}.p-sm{padding:var(--space-sm)}.p-md{padding:var(--space-md)}.p-lg{padding:var(--space-lg)}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.text-primary{color:var(--color-text-primary)}.text-secondary{color:var(--color-text-secondary)}.text-muted{color:var(--color-text-muted)}.w-full{width:100%}.h-full{height:100%}.hidden{display:none}.block{display:block}.inline-block{display:inline-block}.cursor-pointer{cursor:pointer}.cursor-not-allowed{cursor:not-allowed}.glass-card{background:var(--color-bg-secondary);border:var(--shadow-border);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all var(--transition-standard)}.glass-card:hover{border-color:var(--color-border-focus)}.glass-surface{background:var(--color-bg-secondary);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}button{font-family:var(--font-family-primary);font-weight:var(--font-weight-medium);border:none;cursor:pointer;transition:all var(--transition-quick);min-height:44px;min-width:44px}button:focus-visible{outline:2px solid var(--color-border-active);outline-offset:2px}button:disabled{opacity:var(--opacity-disabled);cursor:not-allowed}.btn-primary{background:var(--gradient-primary-button);color:var(--color-text-primary);padding:0 var(--space-md);border-radius:var(--radius-md);height:clamp(40px,2.095vw,44px);min-height:44px;font-size:clamp(12px,.666vw,14px);line-height:clamp(16px,.952vw,20px);font-weight:var(--font-weight-medium);letter-spacing:var(--letter-spacing-wide)}.btn-primary:hover:not(:disabled){opacity:var(--opacity-hover);transform:translateY(-1px)}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-secondary{background:var(--color-bg-tertiary);color:var(--color-text-primary);border:1px solid var(--color-border-default);padding:0 var(--space-md);border-radius:var(--radius-md);height:clamp(40px,2.095vw,44px);min-height:44px;font-size:clamp(12px,.666vw,14px);line-height:clamp(16px,.952vw,20px);font-weight:var(--font-weight-medium);letter-spacing:var(--letter-spacing-wide)}.btn-secondary:hover:not(:disabled){border-color:var(--color-border-focus);background:var(--color-border-focus)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.loading-spinner{animation:spin var(--animation-spin)}.pulse{animation:pulse var(--animation-ping)}.fade-in{animation:fadeIn var(--transition-standard)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.skip-link{position:absolute;top:-100px;left:0;background:var(--color-brand-purple);color:var(--color-text-primary);padding:var(--space-sm) var(--space-md);z-index:100}.skip-link:focus{top:0}*:focus-visible{outline:2px solid var(--color-border-active);outline-offset:2px}@media print{*{background:#fff!important;color:#000!important}button,.no-print{display:none!important}}.btn-interactive,.btn-secondary-interactive{transition:all var(--transition-standard);cursor:pointer;position:relative}.btn-interactive:hover:not(:disabled):not(.loading),.btn-secondary-interactive:hover:not(:disabled):not(.loading){opacity:var(--opacity-hover);box-shadow:var(--shadow-elevated);transform:translateY(-2px)}.btn-interactive:focus-visible,.btn-secondary-interactive:focus-visible{outline:2px solid rgba(152,16,250,.3);outline-offset:2px;border-radius:var(--radius-md)}.btn-interactive:active:not(:disabled):not(.loading),.btn-secondary-interactive:active:not(:disabled):not(.loading){transform:scale(.98);opacity:.85;box-shadow:none}.btn-interactive:disabled,.btn-secondary-interactive:disabled,.btn-interactive.disabled,.disabled.btn-secondary-interactive{opacity:var(--opacity-disabled);cursor:not-allowed;pointer-events:none}.btn-interactive.loading,.loading.btn-secondary-interactive{position:relative;color:transparent;pointer-events:none;cursor:wait}.btn-interactive.loading:after,.loading.btn-secondary-interactive:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:20px;height:20px;border:2px solid var(--color-text-primary);border-top-color:transparent;border-radius:var(--radius-full);animation:spin var(--animation-spin)}.btn-secondary-interactive:hover:not(:disabled):not(.loading){border-color:var(--color-border-active);background:#9810fa1a}.input-interactive,.dropdown-interactive{transition:all var(--transition-quick);border:1px solid var(--color-border-default);background:var(--color-bg-tertiary)}.input-interactive:focus,.dropdown-interactive:focus,.input-interactive:focus-within,.dropdown-interactive:focus-within{outline:2px solid rgba(152,16,250,.3);outline-offset:0;border-color:var(--color-brand-purple);background:#27272acc}.input-interactive:hover:not(:disabled):not(:focus),.dropdown-interactive:hover:not(:disabled):not(:focus){border-color:var(--color-border-focus)}.input-interactive.error,.error.dropdown-interactive,.input-interactive.ng-invalid.ng-touched,.ng-invalid.ng-touched.dropdown-interactive{border-color:var(--color-error-text)}.input-interactive.error:focus,.error.dropdown-interactive:focus,.input-interactive.ng-invalid.ng-touched:focus,.ng-invalid.ng-touched.dropdown-interactive:focus{outline-color:#ef44444d}.input-interactive:disabled,.dropdown-interactive:disabled,.input-interactive.disabled,.disabled.dropdown-interactive{opacity:var(--opacity-disabled);cursor:not-allowed;background:var(--color-bg-secondary)}.error-message{font-size:var(--text-label-sm-size);font-weight:var(--font-weight-regular);color:var(--color-error-text);margin-top:4px;display:flex;align-items:center;gap:4px}.error-message mat-icon{font-size:14px;width:14px;height:14px}.card-interactive{transition:all var(--transition-standard);cursor:pointer;border:1px solid var(--color-border-default)}.card-interactive:hover{transform:scale(1.02);border-color:var(--color-border-active);box-shadow:var(--shadow-elevated)}.card-interactive:focus-visible{outline:2px solid rgba(152,16,250,.3);outline-offset:2px;transform:scale(1.02);box-shadow:var(--shadow-elevated)}.card-interactive:focus{outline:none}.card-interactive:active{transform:scale(.98);box-shadow:var(--shadow-card)}.card-interactive.disabled{opacity:var(--opacity-disabled);cursor:not-allowed;pointer-events:none}.spinner{width:80px;height:80px;border:4px solid var(--color-border-default);border-top-color:var(--color-brand-purple);border-radius:var(--radius-full);animation:spin var(--animation-spin);margin:0 auto}.spinner.spinner-sm{width:24px;height:24px;border-width:2px}.spinner.spinner-md{width:48px;height:48px;border-width:3px}.spinner.spinner-lg{width:80px;height:80px;border-width:4px}.loading-overlay{position:absolute;inset:0;background:#141515cc;display:flex;align-items:center;justify-content:center;z-index:100;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.loading-overlay .spinner{animation:spin var(--animation-spin)}.skeleton{background:linear-gradient(90deg,var(--color-bg-tertiary) 0%,var(--color-border-focus) 50%,var(--color-bg-tertiary) 100%);background-size:200% 100%;animation:skeleton-loading 1.5s ease-in-out infinite;border-radius:var(--radius-md)}.skeleton.skeleton-text{height:16px;width:100%}.skeleton.skeleton-title{height:24px;width:60%}.skeleton.skeleton-button{height:var(--button-height);width:120px}.skeleton.skeleton-card{height:200px;width:100%}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.dropdown-interactive.open .dropdown-chevron{transform:rotate(180deg)}.dropdown-interactive .dropdown-chevron{transition:transform var(--transition-quick)}.focus-purple:focus-visible{outline:2px solid rgba(152,16,250,.3);outline-offset:2px}.focus-purple:focus{outline:none}.hover-lift{transition:transform var(--transition-standard)}.hover-lift:hover{transform:translateY(-4px)}.hover-scale{transition:transform var(--transition-standard)}.hover-scale:hover{transform:scale(1.05)}.transition-opacity{transition:opacity var(--transition-quick)}.state-disabled{opacity:var(--opacity-disabled);cursor:not-allowed;pointer-events:none}.state-loading{position:relative;pointer-events:none;color:transparent}.app-error-snackbar.mat-mdc-snack-bar-container{--mdc-snackbar-container-color: #b91c1c;--mdc-snackbar-supporting-text-color: #fff;--mat-snack-bar-button-color: #fca5a5;border-left:4px solid #fca5a5;border-radius:6px;box-shadow:0 4px 24px #00000059}