@charset "UTF-8";html{--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}html{--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}html,body{height:100%;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth}body{background-color:var(--bg-primary);color:var(--text-primary);font-family:var(--font-base);font-size:var(--font-size-base);line-height:var(--line-height-normal);font-weight:var(--font-weight-normal);overflow-x:hidden}.display,.display-1{font-size:var(--font-size-5xl);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);letter-spacing:var(--letter-spacing-tight)}h1,.h1{margin:0;font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);letter-spacing:var(--letter-spacing-tight)}h2,.h2{margin:0;font-size:var(--font-size-3xl);font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight);letter-spacing:var(--letter-spacing-tight)}h3,.h3{margin:0;font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight)}h4,.h4{margin:0;font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);line-height:var(--line-height-normal)}h5,.h5{margin:0;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);line-height:var(--line-height-normal)}h6,.h6{margin:0;font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);line-height:var(--line-height-normal);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide)}p{margin:0 0 var(--space-4) 0;font-size:var(--font-size-base);line-height:var(--line-height-relaxed)}p:last-child{margin-bottom:0}.lead,.subtitle{font-size:var(--font-size-lg);color:var(--text-secondary);line-height:var(--line-height-relaxed);font-weight:var(--font-weight-normal)}.text-sm,.small{font-size:var(--font-size-sm);line-height:var(--line-height-normal)}.text-xs{font-size:var(--font-size-xs);line-height:var(--line-height-tight)}label,.label{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide);color:var(--text-secondary);display:block;margin-bottom:var(--space-2)}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-tertiary{color:var(--text-tertiary)}.text-muted{color:var(--text-muted)}strong,.font-semibold{font-weight:var(--font-weight-semibold)}em,.italic{font-style:italic}code,.code{font-family:var(--font-mono);font-size:var(--font-size-sm);background-color:var(--component-bg);padding:var(--space-1) var(--space-2);border-radius:var(--radius-base);color:var(--color-primary-light)}a{color:var(--color-primary);text-decoration:none;transition:var(--transition-colors)}a:hover{color:var(--color-primary-light);text-decoration:underline}a:focus{outline:2px solid var(--color-primary);outline-offset:2px;border-radius:2px}a:active{color:var(--color-primary-dark)}ul,ol{margin:0 0 var(--space-4) 0;padding-left:var(--space-6);color:var(--text-primary)}ul li,ol li{margin-bottom:var(--space-2);line-height:var(--line-height-relaxed)}ul{list-style:none;padding-left:0;display:flex;flex-direction:column;gap:var(--space-2)}blockquote{margin:0;padding:var(--space-4) var(--space-6);border-left:4px solid var(--color-primary);background-color:var(--component-bg);border-radius:var(--radius-base);font-style:italic;color:var(--text-secondary)}hr{margin:var(--space-6) 0;border:none;border-top:1px solid var(--border-default);background:none}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--border-default);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--border-strong)}::selection{background-color:var(--color-primary);color:var(--bg-primary)}::-moz-selection{background-color:var(--color-primary);color:var(--bg-primary)}.mat-mdc-card,.mat-mdc-outlined-card{background-color:var(--bg-secondary)!important;border:1px solid var(--border-default)!important;border-radius:var(--radius-xl)!important;box-shadow:var(--shadow-sm)!important}.mat-mdc-button-base{--mdc-filled-button-container-shape: var(--radius-base);--mdc-protected-button-container-shape: var(--radius-base);--mdc-outlined-button-container-shape: var(--radius-base);--mdc-text-button-container-shape: var(--radius-base)}.mdc-text-field--filled{background-color:var(--input-bg)!important}.mat-mdc-form-field-label{color:var(--text-secondary)!important}[disabled]{opacity:.6;cursor:not-allowed}.mt-1{margin-top:var(--space-1)}.mt-2{margin-top:var(--space-2)}.mt-3{margin-top:var(--space-3)}.mt-4{margin-top:var(--space-4)}.mt-6{margin-top:var(--space-6)}.mt-8{margin-top:var(--space-8)}.mt-12{margin-top:var(--space-12)}.mb-1{margin-bottom:var(--space-1)}.mb-2{margin-bottom:var(--space-2)}.mb-3{margin-bottom:var(--space-3)}.mb-4{margin-bottom:var(--space-4)}.mb-6{margin-bottom:var(--space-6)}.mb-8{margin-bottom:var(--space-8)}.mb-12{margin-bottom:var(--space-12)}.p-2{padding:var(--space-2)}.p-3{padding:var(--space-3)}.p-4{padding:var(--space-4)}.p-6{padding:var(--space-6)}.p-8{padding:var(--space-8)}.px-4{padding-left:var(--space-4);padding-right:var(--space-4)}.py-4{padding-top:var(--space-4);padding-bottom:var(--space-4)}.flex{display:flex}.flex-col{flex-direction:column}.flex-center{justify-content:center;align-items:center}.gap-2{gap:var(--space-2)}.gap-4{gap:var(--space-4)}.gap-6{gap:var(--space-6)}.grid{display:grid}.grid-cols-1{grid-template-columns:1fr}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.grid-cols-3{grid-template-columns:repeat(3,1fr)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.font-bold{font-weight:var(--font-weight-bold)}.font-semibold{font-weight:var(--font-weight-semibold)}.font-medium{font-weight:var(--font-weight-medium)}.uppercase{text-transform:uppercase}.lowercase{text-transform:lowercase}.capitalize{text-transform:capitalize}.hidden{display:none!important}.invisible{visibility:hidden}.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}@media (max-width: 768px){.grid-cols-2{grid-template-columns:1fr}.grid-cols-3{grid-template-columns:repeat(2,1fr)}h1,.h1{font-size:var(--font-size-3xl)}h2,.h2{font-size:var(--font-size-2xl)}}@media (max-width: 480px){.grid-cols-2,.grid-cols-3{grid-template-columns:1fr}body{font-size:var(--font-size-sm)}}:root{--bg-primary: #ffffff;--bg-secondary: #f8f9fa;--bg-tertiary: #f1f3f5;--bg-overlay: rgba(255, 255, 255, .95);--text-primary: #0f172a;--text-secondary: #475569;--text-tertiary: #94a3b8;--text-muted: #cbd5e1;--color-primary: #3b82f6;--color-primary-dark: #1e40af;--color-primary-light: #60a5fa;--color-primary-faint: rgba(59, 130, 246, .08);--color-secondary: #8b5cf6;--color-secondary-dark: #6d28d9;--color-secondary-light: #a78bfa;--color-secondary-faint: rgba(139, 92, 246, .08);--color-success: #10b981;--color-warning: #f59e0b;--color-error: #ef4444;--color-info: #0ea5e9;--border-subtle: rgba(226, 232, 240, 1);--border-default: rgba(203, 213, 225, 1);--border-strong: rgba(148, 163, 184, .3);--divider: rgba(226, 232, 240, 1);--component-bg: #f8f9fa;--component-hover: rgba(59, 130, 246, .04);--component-active: rgba(59, 130, 246, .08);--component-disabled: rgba(226, 232, 240, .8);--input-bg: #f8f9fa;--input-border: #e2e8f0;--input-border-focus: #3b82f6;--input-placeholder: var(--text-tertiary);--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--space-2xl: 40px;--space-3xl: 48px;--space-4xl: 56px;--space-5xl: 64px;--space-6xl: 72px;--space-7xl: 80px;--space-8xl: 88px;--space-9xl: 96px;--space-10xl: 104px;--space-11xl: 112px;--space-12xl: 120px}:root{--font-base: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica Neue", sans-serif;--font-mono: "Monaco", "Menlo", "Ubuntu Mono", monospace;--font-size-xs: 12px;--font-size-sm: 14px;--font-size-base: 16px;--font-size-lg: 18px;--font-size-xl: 20px;--font-size-2xl: 24px;--font-size-3xl: 28px;--font-size-4xl: 32px;--font-size-5xl: 40px;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--line-height-tight: 1.2;--line-height-normal: 1.5;--line-height-relaxed: 1.75;--letter-spacing-tight: -.02em;--letter-spacing-normal: 0;--letter-spacing-wide: .05em;--letter-spacing-wider: .1em}:root{--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-7: 28px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-14: 56px;--space-16: 64px;--space-20: 80px;--space-24: 96px;--padding-xs: var(--space-2);--padding-sm: var(--space-3);--padding-base: var(--space-4);--padding-md: var(--space-6);--padding-lg: var(--space-8);--padding-xl: var(--space-10);--padding-2xl: var(--space-12)}:root{--radius-sm: 6px;--radius-base: 8px;--radius-md: 10px;--radius-lg: 12px;--radius-xl: 14px;--radius-2xl: 16px;--radius-full: 9999px}:root{--shadow-none: none;--shadow-xs: 0 1px 2px rgba(15, 23, 42, .08);--shadow-sm: 0 2px 6px rgba(15, 23, 42, .1);--shadow-base: 0 4px 12px rgba(15, 23, 42, .12);--shadow-md: 0 8px 20px rgba(15, 23, 42, .14);--shadow-lg: 0 12px 28px rgba(15, 23, 42, .16);--shadow-xl: 0 20px 40px rgba(15, 23, 42, .18);--shadow-2xl: 0 25px 50px rgba(15, 23, 42, .2);--shadow-glow-primary: 0 0 20px rgba(59, 130, 246, .2);--shadow-glow-secondary: 0 0 20px rgba(139, 92, 246, .15)}:root{--ease-in: cubic-bezier(.4, 0, 1, 1);--ease-out: cubic-bezier(0, 0, .2, 1);--ease-in-out: cubic-bezier(.4, 0, .2, 1);--ease-smooth: cubic-bezier(.25, .46, .45, .94);--duration-fast: .1s;--duration-base: .2s;--duration-slow: .3s;--duration-slower: .5s;--transition-fast: all var(--duration-fast) var(--ease-in-out);--transition-base: all var(--duration-base) var(--ease-in-out);--transition-slow: all var(--duration-slow) var(--ease-smooth);--transition-colors: color var(--duration-base) var(--ease-in-out), background-color var(--duration-base) var(--ease-in-out), border-color var(--duration-base) var(--ease-in-out);--transition-shadow: box-shadow var(--duration-base) var(--ease-in-out);--transition-transform: transform var(--duration-base) var(--ease-in-out)}:root{--breakpoint-xs: 0px;--breakpoint-sm: 480px;--breakpoint-md: 768px;--breakpoint-lg: 1024px;--breakpoint-xl: 1280px;--breakpoint-2xl: 1536px}:root{--z-dropdown: 100;--z-sticky: 200;--z-fixed: 300;--z-modal-bg: 400;--z-modal: 401;--z-popover: 500;--z-tooltip: 600;--z-notification: 700}:root{--gradient-hero-primary: linear-gradient(135deg, #e0e7ff 0%, #f0f4ff 100%);--gradient-hero-secondary: linear-gradient(135deg, #f3e8ff 0%, #f5f3ff 100%);--gradient-card: linear-gradient(to right, rgba(59, 130, 246, .04), transparent);--gradient-card-accent: linear-gradient(135deg, rgba(59, 130, 246, .06) 0%, rgba(139, 92, 246, .04) 100%);--gradient-mesh: radial-gradient( at 20% 50%, rgba(59, 130, 246, .06) 0px, transparent 50% ), radial-gradient(at 80% 80%, rgba(139, 92, 246, .04) 0px, transparent 50%), radial-gradient(at 40% 40%, rgba(16, 185, 129, .02) 0px, transparent 50%)}button,.btn,[role=button]{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border:none;border-radius:var(--radius-base);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);cursor:pointer;transition:var(--transition-base);font-family:var(--font-base);text-decoration:none;white-space:nowrap;-webkit-user-select:none;user-select:none}button:focus-visible,.btn:focus-visible,[role=button]:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}button:disabled,button.disabled,.btn:disabled,.btn.disabled,[role=button]:disabled,[role=button].disabled{opacity:.6;cursor:not-allowed;pointer-events:none}.btn-primary,button:not([class*=btn-]):not(.btn-secondary):not(.btn-ghost):not(.guide-action):not(.onboarding-checklist__row):not(.guide-card__close){background-color:var(--color-primary);color:#fff;box-shadow:var(--shadow-sm)}.btn-primary:hover:not(:disabled),button:not([class*=btn-]):not(.btn-secondary):not(.btn-ghost):not(.guide-action):not(.onboarding-checklist__row):not(.guide-card__close):hover:not(:disabled){background-color:var(--color-primary-light);box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-primary:active:not(:disabled),button:not([class*=btn-]):not(.btn-secondary):not(.btn-ghost):not(.guide-action):not(.onboarding-checklist__row):not(.guide-card__close):active:not(:disabled){background-color:var(--color-primary-dark);transform:translateY(0)}.btn-secondary{background-color:var(--color-secondary);color:#fff;box-shadow:var(--shadow-sm)}.btn-secondary:hover:not(:disabled){background-color:var(--color-secondary-light);box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-secondary:active:not(:disabled){background-color:var(--color-secondary-dark);transform:translateY(0)}.btn-outline,.btn-ghost{background-color:transparent;color:var(--color-primary);border:1.5px solid var(--color-primary)}.btn-outline:hover:not(:disabled),.btn-ghost:hover:not(:disabled){background-color:var(--component-hover);border-color:var(--color-primary-light)}.btn-outline:active:not(:disabled),.btn-ghost:active:not(:disabled){background-color:var(--component-active);color:var(--color-primary-light)}.btn-soft,.btn-tertiary{background-color:var(--component-hover);color:var(--color-primary);border:1px solid var(--border-default)}.btn-soft:hover:not(:disabled),.btn-tertiary:hover:not(:disabled){background-color:var(--component-active);border-color:var(--border-strong)}.btn-soft:active:not(:disabled),.btn-tertiary:active:not(:disabled){background-color:var(--color-primary-faint)}.btn-danger{background-color:var(--color-error);color:#fff;box-shadow:var(--shadow-sm)}.btn-danger:hover:not(:disabled){background-color:#dc2626;box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-danger:active:not(:disabled){background-color:#b91c1c}.btn-success{background-color:var(--color-success);color:#fff;box-shadow:var(--shadow-sm)}.btn-success:hover:not(:disabled){background-color:#059669;box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-sm{padding:var(--space-1) var(--space-3);font-size:var(--font-size-sm)}.btn-lg{padding:var(--space-3) var(--space-6);font-size:var(--font-size-lg);min-height:48px}.btn-block{width:100%}.btn-icon{padding:var(--space-2);min-width:40px;min-height:40px;border-radius:var(--radius-base);display:flex;align-items:center;justify-content:center}.btn-icon svg,.btn-icon img{width:20px;height:20px}.card,[role=card]{background-color:var(--bg-secondary);border:1px solid var(--border-default);border-radius:var(--radius-xl);padding:var(--space-6);box-shadow:var(--shadow-sm);transition:var(--transition-shadow),var(--transition-transform)}.card:hover,[role=card]:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.card h1,.card h2,.card h3,.card h4,[role=card] h1,[role=card] h2,[role=card] h3,[role=card] h4{margin-top:0;margin-bottom:var(--space-3)}.card p:last-child,[role=card] p:last-child{margin-bottom:0}.card-elevated{box-shadow:var(--shadow-lg)}.card-elevated:hover{box-shadow:var(--shadow-xl)}.card-outlined{background-color:transparent;border:2px solid var(--border-default);box-shadow:none}.card-outlined:hover{border-color:var(--color-primary);box-shadow:var(--shadow-sm)}.card-filled{background:linear-gradient(135deg,var(--bg-secondary) 0%,rgba(59,130,246,.05) 100%);box-shadow:var(--shadow-base)}input[type=text],input[type=email],input[type=password],input[type=number],input[type=search],input[type=date],input[type=time],textarea,select{width:100%;padding:var(--space-2) var(--space-3);border:1px solid var(--input-border);border-radius:var(--radius-base);background-color:var(--input-bg);color:var(--text-primary);font-family:var(--font-base);font-size:var(--font-size-base);line-height:var(--line-height-normal);transition:var(--transition-colors);box-sizing:border-box}input[type=text]::placeholder,input[type=email]::placeholder,input[type=password]::placeholder,input[type=number]::placeholder,input[type=search]::placeholder,input[type=date]::placeholder,input[type=time]::placeholder,textarea::placeholder,select::placeholder{color:var(--input-placeholder);opacity:.8}input[type=text]:focus,input[type=email]:focus,input[type=password]:focus,input[type=number]:focus,input[type=search]:focus,input[type=date]:focus,input[type=time]:focus,textarea:focus,select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px var(--color-primary-faint)}input[type=text]:disabled,input[type=email]:disabled,input[type=password]:disabled,input[type=number]:disabled,input[type=search]:disabled,input[type=date]:disabled,input[type=time]:disabled,textarea:disabled,select:disabled{background-color:var(--component-disabled);cursor:not-allowed;opacity:.6}input[type=text]:invalid:not(:placeholder-shown),input[type=email]:invalid:not(:placeholder-shown),input[type=password]:invalid:not(:placeholder-shown),input[type=number]:invalid:not(:placeholder-shown),input[type=search]:invalid:not(:placeholder-shown),input[type=date]:invalid:not(:placeholder-shown),input[type=time]:invalid:not(:placeholder-shown),textarea:invalid:not(:placeholder-shown),select:invalid:not(:placeholder-shown){border-color:var(--color-error)}textarea{resize:vertical;min-height:100px;font-family:var(--font-mono)}select{cursor:pointer;padding-right:var(--space-8);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='currentColor'%3E%3Cpath fill-rule='evenodd' d='M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z' clip-rule='evenodd'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--space-2) center;background-size:1.5em 1.5em;appearance:none}.form-field,.field-group{display:flex;flex-direction:column;margin-bottom:var(--space-6)}.form-field label,.field-group label{margin-bottom:var(--space-2)}.form-field input,.form-field textarea,.form-field select,.field-group input,.field-group textarea,.field-group select{order:2}.form-field .error-message,.field-group .error-message{order:3;margin-top:var(--space-1);font-size:var(--font-size-sm);color:var(--color-error)}.form-field .help-text,.field-group .help-text{order:4;margin-top:var(--space-1);font-size:var(--font-size-sm);color:var(--text-tertiary)}.form-field.has-error input,.form-field.has-error textarea,.form-field.has-error select,.field-group.has-error input,.field-group.has-error textarea,.field-group.has-error select{border-color:var(--color-error)}.form-field.has-error input:focus,.form-field.has-error textarea:focus,.form-field.has-error select:focus,.field-group.has-error input:focus,.field-group.has-error textarea:focus,.field-group.has-error select:focus{box-shadow:0 0 0 2px #ef44441a}.form-field.is-disabled,.field-group.is-disabled{opacity:.6;cursor:not-allowed}.form-field.is-disabled input,.form-field.is-disabled textarea,.form-field.is-disabled select,.field-group.is-disabled input,.field-group.is-disabled textarea,.field-group.is-disabled select{cursor:not-allowed}input[type=checkbox],input[type=radio]{width:20px;height:20px;cursor:pointer;accent-color:var(--color-primary)}input[type=checkbox]:focus-visible,input[type=radio]:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.badge,.pill{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide);white-space:nowrap}.badge-primary{background-color:var(--color-primary-faint);color:var(--color-primary)}.badge-secondary{background-color:var(--color-secondary-faint);color:var(--color-secondary)}.badge-success{background-color:#10b9811a;color:var(--color-success)}.badge-warning{background-color:#f59e0b1a;color:var(--color-warning)}.badge-error,.badge-danger{background-color:#ef44441a;color:var(--color-error)}.alert,[role=alert]{padding:var(--space-4);border-radius:var(--radius-base);border-left:4px solid;display:flex;align-items:flex-start;gap:var(--space-3)}.alert-success{background-color:#10b9811a;border-color:var(--color-success);color:var(--color-success)}.alert-warning{background-color:#f59e0b1a;border-color:var(--color-warning);color:var(--color-warning)}.alert-error,.alert-danger{background-color:#ef44441a;border-color:var(--color-error);color:var(--color-error)}.alert-info{background-color:#0ea5e91a;border-color:var(--color-info);color:var(--color-info)}.alert-close{margin-left:auto;padding:0;background:none;border:none;color:inherit;cursor:pointer;font-size:var(--font-size-lg)}.modal-backdrop{position:fixed;inset:0;background-color:#000000b3;z-index:var(--z-modal-bg);animation:fadeIn var(--duration-base)}.modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);max-width:90vw;max-height:90vh;width:100%;background-color:var(--bg-secondary);border-radius:var(--radius-xl);box-shadow:var(--shadow-2xl);z-index:var(--z-modal);animation:slideUp var(--duration-base);overflow-y:auto}@media (max-width: 768px){.modal{max-width:95vw}}.modal-header{padding:var(--space-6);border-bottom:1px solid var(--border-default);display:flex;align-items:center;justify-content:space-between}.modal-header h2{margin:0}.modal-header .modal-close{padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;background-color:transparent;border:none;cursor:pointer;color:var(--text-secondary);transition:var(--transition-colors)}.modal-header .modal-close:hover{color:var(--text-primary);background-color:var(--component-hover)}.modal-body{padding:var(--space-6)}.modal-footer{padding:var(--space-6);border-top:1px solid var(--border-default);display:flex;align-items:center;justify-content:flex-end;gap:var(--space-3)}table{width:100%;border-collapse:collapse;border-spacing:0;font-size:var(--font-size-sm)}table thead{background-color:var(--component-hover);border-bottom:1px solid var(--border-default);position:sticky;top:0;z-index:10}table th{padding:var(--space-4);text-align:left;font-weight:var(--font-weight-semibold);color:var(--text-secondary);text-transform:uppercase;font-size:var(--font-size-xs);letter-spacing:var(--letter-spacing-wide)}table td{padding:var(--space-4);border-bottom:1px solid var(--border-default);color:var(--text-primary)}table tbody tr{transition:var(--transition-colors)}table tbody tr:hover{background-color:var(--component-hover)}table tbody tr:nth-child(odd){background-color:#3b82f605}@keyframes slideUp{0%{opacity:0;transform:translate(-50%,-40%)}to{opacity:1;transform:translate(-50%,-50%)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.spinner{display:inline-block;width:16px;height:16px;border:2px solid var(--border-default);border-top-color:var(--color-primary);border-radius:50%;animation:spin .8s linear infinite}.spinner-lg{width:32px;height:32px}.skeleton{background:linear-gradient(90deg,var(--component-bg) 0%,var(--component-hover) 50%,var(--component-bg) 100%);background-size:200% 100%;animation:pulse 1.5s ease-in-out infinite;border-radius:var(--radius-base)}.skeleton-text{height:16px;margin-bottom:var(--space-2)}.skeleton-avatar{width:48px;height:48px;border-radius:50%}.tooltip-cobranca{--mdc-plain-tooltip-container-color: #0f172a;--mdc-plain-tooltip-supporting-text-color: #f8fafc}.tooltip-cobranca .mdc-tooltip__surface{border:1px solid rgba(148,163,184,.28);border-radius:10px;font-size:12px;font-weight:600;letter-spacing:.01em;line-height:1.25;padding:8px 10px;box-shadow:0 8px 24px #02061752}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInLeft{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}@keyframes fadeInRight{0%{opacity:0;transform:translate(10px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes scaleOut{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.95)}}@keyframes scaleUp{0%{transform:scale(1)}to{transform:scale(1.05)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes spinReverse{0%{transform:rotate(360deg)}to{transform:rotate(0)}}@keyframes rotate45{0%{transform:rotate(0)}to{transform:rotate(45deg)}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideLeft{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes slideRight{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.animate-fade-in{animation:fadeIn .3s ease-in-out}.animate-fade-out{animation:fadeOut .3s ease-in-out}.animate-scale-in{animation:scaleIn .3s ease-out}.animate-scale-out{animation:scaleOut .3s ease-in}.animate-slide-up{animation:slideUp .4s cubic-bezier(.25,.46,.45,.94)}.animate-slide-down{animation:slideDown .4s cubic-bezier(.25,.46,.45,.94)}.animate-slide-left{animation:slideLeft .4s cubic-bezier(.25,.46,.45,.94)}.animate-slide-right{animation:slideRight .4s cubic-bezier(.25,.46,.45,.94)}.animate-spin{animation:spin 1s linear infinite}.animate-pulse{animation:pulse 1.5s cubic-bezier(.4,0,.6,1) infinite}.animate-bounce{animation:bounce 1s ease-in-out infinite}.transition-fast{transition:all .1s cubic-bezier(.4,0,.2,1)}.transition-base{transition:all .2s cubic-bezier(.4,0,.2,1)}.transition-slow{transition:all .3s cubic-bezier(.25,.46,.45,.94)}.transition-colors{transition:color .2s cubic-bezier(.4,0,.2,1),background-color .2s cubic-bezier(.4,0,.2,1),border-color .2s cubic-bezier(.4,0,.2,1)}.transition-shadow{transition:box-shadow .2s cubic-bezier(.4,0,.2,1)}.transition-transform{transition:transform .2s cubic-bezier(.4,0,.2,1)}.hover-lift{transition:transform .2s,box-shadow .2s}.hover-lift:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.hover-scale{transition:transform .2s}.hover-scale:hover{transform:scale(1.05)}.hover-glow-primary{transition:box-shadow .2s}.hover-glow-primary:hover{box-shadow:var(--shadow-glow-primary)}.hover-glow-secondary{transition:box-shadow .2s}.hover-glow-secondary:hover{box-shadow:var(--shadow-glow-secondary)}@keyframes loadingBar{0%{width:0}to{width:100%}}.loading-bar{height:2px;background:linear-gradient(to right,var(--color-primary),var(--color-primary-light));animation:loadingBar 2s ease-in-out infinite}.loading-spinner{display:inline-block;width:16px;height:16px;border:2px solid var(--border-default);border-top-color:var(--color-primary);border-radius:50%;animation:spin .8s linear infinite}.loading-spinner.lg{width:32px;height:32px;border-width:3px}.loading-spinner.sm{width:12px;height:12px;border-width:2px}.skeleton{background:linear-gradient(90deg,var(--component-bg) 0%,var(--component-hover) 50%,var(--component-bg) 100%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--radius-base)}.skeleton-text{height:16px;margin-bottom:var(--space-2);border-radius:var(--radius-sm)}.skeleton-text.lg{height:20px}.skeleton-text.sm{height:12px}.skeleton-text:last-child{margin-bottom:0}.skeleton-card{width:100%;height:200px;border-radius:var(--radius-xl)}.skeleton-avatar{width:48px;height:48px;border-radius:50%;flex-shrink:0}.skeleton-button{height:40px;min-width:100px;border-radius:var(--radius-base)}.blur-sm{backdrop-filter:blur(4px)}.blur-md{backdrop-filter:blur(12px)}.blur-lg{backdrop-filter:blur(24px)}.stagger-container>*{animation:fadeInUp .4s ease-out both}.stagger-container>*:nth-child(1){animation-delay:40ms}.stagger-container>*:nth-child(2){animation-delay:80ms}.stagger-container>*:nth-child(3){animation-delay:.12s}.stagger-container>*:nth-child(4){animation-delay:.16s}.stagger-container>*:nth-child(5){animation-delay:.2s}.stagger-container>*:nth-child(6){animation-delay:.24s}.stagger-container>*:nth-child(7){animation-delay:.28s}.stagger-container>*:nth-child(8){animation-delay:.32s}.stagger-container>*:nth-child(9){animation-delay:.36s}.stagger-container>*:nth-child(10){animation-delay:.4s}.stagger-container>*:nth-child(11){animation-delay:.44s}.stagger-container>*:nth-child(12){animation-delay:.48s}
