:root{--primary-color: #0c2864;--secondary-color: #64748b;--primary-light: #1e3a8a;--primary-dark: #0a1f4a;--secondary-light: #94a3b8;--secondary-dark: #475569}.btn-primary{background:linear-gradient(135deg,var(--primary-color) 0%,var(--primary-light) 100%);color:#fff;border:none;padding:12px 20px;border-radius:8px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px;transition:transform .2s;font-size:14px}.btn-primary:hover:not(:disabled){transform:translateY(-1px)}.btn-primary:disabled{opacity:.7;cursor:not-allowed}.btn-secondary{background:#f3f4f6;color:#374151;border:none;padding:12px 20px;border-radius:8px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px;transition:background-color .2s}.btn-secondary:hover{background:#e5e7eb}.btn-danger{background:#fef2f2;color:#dc2626;border:none;padding:8px 12px;border-radius:6px;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:6px;transition:background-color .2s;font-size:14px}.btn-danger:hover{background:#fee2e2}.btn-success{background:#f0fdf4;color:#16a34a;border:none;padding:8px 12px;border-radius:6px;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:6px;transition:background-color .2s;font-size:14px}.btn-success:hover{background:#dcfce7}.form-group{display:flex;flex-direction:column;gap:6px;margin-bottom:20px}.form-label{font-weight:500;color:#374151;font-size:14px}.form-input{padding:12px 16px;border:2px solid #e5e7eb;border-radius:8px;font-size:16px;transition:border-color .2s;width:100%}.form-input:focus{outline:none;border-color:var(--primary-color)}.form-input.error{border-color:#ef4444}.form-textarea{padding:12px 16px;border:2px solid #e5e7eb;border-radius:8px;font-size:16px;transition:border-color .2s;resize:vertical;min-height:80px;width:100%}.form-textarea:focus{outline:none;border-color:var(--primary-color)}.error-message{color:#ef4444;font-size:14px;margin-top:4px}.card{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;overflow:hidden}.card-header{padding:20px 24px;border-bottom:1px solid #e5e7eb;background:#f8fafc}.card-body{padding:24px}.card-actions{padding:16px 24px;border-top:1px solid #e5e7eb;background:#f8fafc;display:flex;gap:12px;justify-content:flex-end}.container{max-width:1200px;margin:0 auto;padding:0 20px}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.page-header h1{font-size:28px;font-weight:700;color:#1f2937;margin:0}.page-content{background:#f8fafc;min-height:calc(100vh - 200px);padding:30px 0}.status-active{background:#dcfce7;color:#166534;padding:4px 8px;border-radius:4px;font-size:12px;font-weight:500;text-transform:uppercase}.status-inactive{background:#fef2f2;color:#991b1b;padding:4px 8px;border-radius:4px;font-size:12px;font-weight:500;text-transform:uppercase}.status-pending{background:#fef3c7;color:#92400e;padding:4px 8px;border-radius:4px;font-size:12px;font-weight:500;text-transform:uppercase}.grid{display:grid;gap:20px}.grid-2{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.grid-3{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.grid-4{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.text-center{text-align:center}.text-right{text-align:right}.mb-0{margin-bottom:0}.mb-1{margin-bottom:8px}.mb-2{margin-bottom:16px}.mb-3{margin-bottom:24px}.mb-4{margin-bottom:32px}.mt-0{margin-top:0}.mt-1{margin-top:8px}.mt-2{margin-top:16px}.mt-3{margin-top:24px}.mt-4{margin-top:32px}.p-0{padding:0}.p-1{padding:8px}.p-2{padding:16px}.p-3{padding:24px}.p-4{padding:32px}.spinner{width:16px;height:16px;border:2px solid transparent;border-top:2px solid currentColor;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 768px){.page-header{flex-direction:column;gap:20px;align-items:stretch}.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}.card-actions{flex-direction:column}}.btn-primary{background:linear-gradient(135deg,var(--primary-600),var(--primary-500))!important;color:#fff!important;border:2px solid var(--primary-600)!important;border-radius:0!important;font-weight:600!important;letter-spacing:.5px;text-transform:uppercase;box-shadow:0 4px 12px #2563eb4d!important;transition:all var(--transition-base)!important}.btn-primary:hover:not([disabled]){background:linear-gradient(135deg,var(--primary-700),var(--primary-600))!important;box-shadow:0 6px 16px #2563eb66!important;transform:translateY(-2px)}.btn-primary:active:not([disabled]){transform:translateY(0);box-shadow:0 2px 8px #2563eb4d!important}.btn-primary[disabled]{opacity:.6;cursor:not-allowed}.btn-secondary{background:#fff!important;color:var(--gray-700)!important;border:2px solid var(--gray-300)!important;border-radius:0!important;font-weight:600!important;letter-spacing:.5px;text-transform:uppercase;box-shadow:0 2px 8px #0000001a!important;transition:all var(--transition-base)!important}.btn-secondary:hover:not([disabled]){background:var(--gray-50)!important;border-color:var(--gray-400)!important;box-shadow:0 4px 12px #00000026!important;transform:translateY(-2px)}.btn-secondary:active:not([disabled]){transform:translateY(0);background:var(--gray-100)!important}.btn-success{background:linear-gradient(135deg,var(--success-600),var(--success-500))!important;color:#fff!important;border:2px solid var(--success-600)!important;border-radius:0!important;font-weight:600!important;letter-spacing:.5px;text-transform:uppercase;box-shadow:0 4px 12px #0596694d!important;transition:all var(--transition-base)!important}.btn-success:hover:not([disabled]){background:linear-gradient(135deg,var(--success-700),var(--success-600))!important;box-shadow:0 6px 16px #05966966!important;transform:translateY(-2px)}.btn-success:active:not([disabled]){transform:translateY(0)}.btn-warning{background:linear-gradient(135deg,var(--warning-600),var(--warning-500))!important;color:#fff!important;border:2px solid var(--warning-600)!important;border-radius:0!important;font-weight:600!important;letter-spacing:.5px;text-transform:uppercase;box-shadow:0 4px 12px #d977064d!important;transition:all var(--transition-base)!important}.btn-warning:hover:not([disabled]){background:linear-gradient(135deg,var(--warning-700),var(--warning-600))!important;box-shadow:0 6px 16px #d9770666!important;transform:translateY(-2px)}.btn-warning:active:not([disabled]){transform:translateY(0)}.btn-danger{background:linear-gradient(135deg,var(--danger-600),var(--danger-500))!important;color:#fff!important;border:2px solid var(--danger-600)!important;border-radius:0!important;font-weight:600!important;letter-spacing:.5px;text-transform:uppercase;box-shadow:0 4px 12px #dc26264d!important;transition:all var(--transition-base)!important}.btn-danger:hover:not([disabled]){background:linear-gradient(135deg,var(--danger-700),var(--danger-600))!important;box-shadow:0 6px 16px #dc262666!important;transform:translateY(-2px)}.btn-danger:active:not([disabled]){transform:translateY(0)}.btn-outline-primary{background:#fff!important;color:var(--primary-600)!important;border:2px solid var(--primary-600)!important;border-radius:0!important;font-weight:600!important;letter-spacing:.5px;text-transform:uppercase;transition:all var(--transition-base)!important}.btn-outline-primary:hover:not([disabled]){background:var(--primary-50)!important;transform:translateY(-2px);box-shadow:0 4px 12px #2563eb33!important}.btn-outline-secondary{background:#fff!important;color:var(--gray-700)!important;border:2px solid var(--gray-400)!important;border-radius:0!important;font-weight:600!important;letter-spacing:.5px;text-transform:uppercase;transition:all var(--transition-base)!important}.btn-outline-secondary:hover:not([disabled]){background:var(--gray-50)!important;border-color:var(--gray-500)!important;transform:translateY(-2px);box-shadow:0 4px 12px #0000001a!important}.btn-outline-danger{background:#fff!important;color:var(--danger-600)!important;border:2px solid var(--danger-600)!important;border-radius:0!important;font-weight:600!important;letter-spacing:.5px;text-transform:uppercase;transition:all var(--transition-base)!important}.btn-outline-danger:hover:not([disabled]){background:var(--danger-50)!important;transform:translateY(-2px);box-shadow:0 4px 12px #dc262633!important}.btn-icon-primary{width:40px!important;height:40px!important;min-width:40px!important;background:var(--primary-50)!important;color:var(--primary-700)!important;border:1px solid var(--primary-200)!important;border-radius:0!important;transition:all var(--transition-base)!important}.btn-icon-primary:hover:not([disabled]){background:var(--primary-100)!important;border-color:var(--primary-600)!important;box-shadow:0 4px 12px #2563eb40!important;transform:translateY(-2px)}.btn-icon-success{width:40px!important;height:40px!important;min-width:40px!important;background:var(--success-50)!important;color:var(--success-700)!important;border:1px solid var(--success-200)!important;border-radius:0!important;transition:all var(--transition-base)!important}.btn-icon-success:hover:not([disabled]){background:var(--success-100)!important;border-color:var(--success-600)!important;box-shadow:0 4px 12px #05966940!important;transform:translateY(-2px)}.btn-icon-warning{width:40px!important;height:40px!important;min-width:40px!important;background:var(--warning-50)!important;color:var(--warning-700)!important;border:1px solid var(--warning-200)!important;border-radius:0!important;transition:all var(--transition-base)!important}.btn-icon-warning:hover:not([disabled]){background:var(--warning-100)!important;border-color:var(--warning-600)!important;box-shadow:0 4px 12px #d9770640!important;transform:translateY(-2px)}.btn-icon-danger{width:40px!important;height:40px!important;min-width:40px!important;background:var(--danger-50)!important;color:var(--danger-600)!important;border:1px solid var(--danger-200)!important;border-radius:0!important;transition:all var(--transition-base)!important}.btn-icon-danger:hover:not([disabled]){background:var(--danger-100)!important;border-color:var(--danger-600)!important;box-shadow:0 4px 12px #dc262640!important;transform:translateY(-2px)}.btn-icon-info{width:40px!important;height:40px!important;min-width:40px!important;background:#f0f9ff!important;color:#0284c7!important;border:1px solid #bae6fd!important;border-radius:0!important;transition:all var(--transition-base)!important}.btn-icon-info:hover:not([disabled]){background:#e0f2fe!important;border-color:#0284c7!important;box-shadow:0 4px 12px #0284c740!important;transform:translateY(-2px)}.btn-icon-purple{width:40px!important;height:40px!important;min-width:40px!important;background:#f5f3ff!important;color:#6d28d9!important;border:1px solid #ddd6fe!important;border-radius:0!important;transition:all var(--transition-base)!important}.btn-icon-purple:hover:not([disabled]){background:#ede9fe!important;border-color:#6d28d9!important;box-shadow:0 4px 12px #6d28d940!important;transform:translateY(-2px)}.btn-sm{height:36px!important;padding:0 16px!important;font-size:13px!important;min-width:80px!important}.btn-md{height:44px!important;padding:0 24px!important;font-size:14px!important;min-width:100px!important}.btn-lg{height:56px!important;padding:0 32px!important;font-size:16px!important;min-width:120px!important}.btn-xl{height:64px!important;padding:0 40px!important;font-size:18px!important;min-width:140px!important}.btn-with-icon{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:10px!important}.btn-with-icon mat-icon{font-size:20px;width:20px;height:20px;margin:0!important}.btn-full-width{width:100%!important;display:flex!important;justify-content:center!important}.btn-group{display:flex;gap:12px}.btn-group.btn-group-compact{gap:0}.btn-group.btn-group-compact button{margin-left:-1px}.btn-group.btn-group-compact button:first-child{margin-left:0}.btn-group.btn-group-compact button:hover{z-index:1}.btn-loading{position:relative;pointer-events:none;opacity:.8}.btn-loading .mat-mdc-button-touch-target,.btn-loading .mat-mdc-button-ripple{display:none}.btn-ghost{background:transparent!important;color:var(--gray-700)!important;border:none!important;border-radius:0!important;font-weight:600!important;transition:all var(--transition-base)!important}.btn-ghost:hover:not([disabled]){background:var(--gray-100)!important;color:var(--gray-900)!important}.btn-text{background:transparent!important;color:var(--primary-600)!important;border:none!important;border-radius:0!important;font-weight:600!important;padding:8px 16px!important}.btn-text:hover:not([disabled]){background:var(--primary-50)!important;color:var(--primary-700)!important}.btn-gradient-blue-purple{background:linear-gradient(135deg,#3b82f6,#8b5cf6)!important;color:#fff!important;border:none!important;border-radius:0!important;font-weight:600!important;box-shadow:0 4px 16px #3b82f666!important}.btn-gradient-blue-purple:hover:not([disabled]){box-shadow:0 6px 20px #3b82f680!important;transform:translateY(-2px)}.btn-gradient-green-teal{background:linear-gradient(135deg,#10b981,#14b8a6)!important;color:#fff!important;border:none!important;border-radius:0!important;font-weight:600!important;box-shadow:0 4px 16px #10b98166!important}.btn-gradient-green-teal:hover:not([disabled]){box-shadow:0 6px 20px #10b98180!important;transform:translateY(-2px)}.btn-gradient-orange-pink{background:linear-gradient(135deg,#f97316,#ec4899)!important;color:#fff!important;border:none!important;border-radius:0!important;font-weight:600!important;box-shadow:0 4px 16px #f9731666!important}.btn-gradient-orange-pink:hover:not([disabled]){box-shadow:0 6px 20px #f9731680!important;transform:translateY(-2px)}.btn-flat{box-shadow:none!important}.btn-flat:hover:not([disabled]){box-shadow:0 2px 8px #0000001a!important}.btn-with-badge{position:relative}.btn-with-badge .badge{position:absolute;top:-8px;right:-8px;background:var(--danger-600);color:#fff;font-size:11px;font-weight:700;padding:2px 6px;min-width:20px;height:20px;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 4px #0003}.btn-glow{animation:glow 2s ease-in-out infinite}@keyframes glow{0%,to{box-shadow:0 4px 12px #2563eb4d}50%{box-shadow:0 4px 20px #2563eb99}}.mat-mdc-button[disabled],.mat-mdc-raised-button[disabled],.mat-mdc-outlined-button[disabled]{opacity:.5!important;cursor:not-allowed!important;transform:none!important}html{--mat-sys-background: light-dark(#faf9fd, #121316);--mat-sys-error: light-dark(#ba1a1a, #ffb4ab);--mat-sys-error-container: light-dark(#ffdad6, #93000a);--mat-sys-inverse-on-surface: light-dark(#f2f0f4, #2f3033);--mat-sys-inverse-primary: light-dark(#abc7ff, #005cbb);--mat-sys-inverse-surface: light-dark(#2f3033, #e3e2e6);--mat-sys-on-background: light-dark(#1a1b1f, #e3e2e6);--mat-sys-on-error: light-dark(#ffffff, #690005);--mat-sys-on-error-container: light-dark(#93000a, #ffdad6);--mat-sys-on-primary: light-dark(#ffffff, #002f65);--mat-sys-on-primary-container: light-dark(#00458f, #d7e3ff);--mat-sys-on-primary-fixed: light-dark(#001b3f, #001b3f);--mat-sys-on-primary-fixed-variant: light-dark(#00458f, #00458f);--mat-sys-on-secondary: light-dark(#ffffff, #283041);--mat-sys-on-secondary-container: light-dark(#3e4759, #dae2f9);--mat-sys-on-secondary-fixed: light-dark(#131c2b, #131c2b);--mat-sys-on-secondary-fixed-variant: light-dark(#3e4759, #3e4759);--mat-sys-on-surface: light-dark(#1a1b1f, #e3e2e6);--mat-sys-on-surface-variant: light-dark(#44474e, #e0e2ec);--mat-sys-on-tertiary: light-dark(#ffffff, #0001ac);--mat-sys-on-tertiary-container: light-dark(#0000ef, #e0e0ff);--mat-sys-on-tertiary-fixed: light-dark(#00006e, #00006e);--mat-sys-on-tertiary-fixed-variant: light-dark(#0000ef, #0000ef);--mat-sys-outline: light-dark(#74777f, #8e9099);--mat-sys-outline-variant: light-dark(#c4c6d0, #44474e);--mat-sys-primary: light-dark(#005cbb, #abc7ff);--mat-sys-primary-container: light-dark(#d7e3ff, #00458f);--mat-sys-primary-fixed: light-dark(#d7e3ff, #d7e3ff);--mat-sys-primary-fixed-dim: light-dark(#abc7ff, #abc7ff);--mat-sys-scrim: light-dark(#000000, #000000);--mat-sys-secondary: light-dark(#565e71, #bec6dc);--mat-sys-secondary-container: light-dark(#dae2f9, #3e4759);--mat-sys-secondary-fixed: light-dark(#dae2f9, #dae2f9);--mat-sys-secondary-fixed-dim: light-dark(#bec6dc, #bec6dc);--mat-sys-shadow: light-dark(#000000, #000000);--mat-sys-surface: light-dark(#faf9fd, #121316);--mat-sys-surface-bright: light-dark(#faf9fd, #38393c);--mat-sys-surface-container: light-dark(#efedf0, #1f2022);--mat-sys-surface-container-high: light-dark(#e9e7eb, #292a2c);--mat-sys-surface-container-highest: light-dark(#e3e2e6, #343537);--mat-sys-surface-container-low: light-dark(#f4f3f6, #1a1b1f);--mat-sys-surface-container-lowest: light-dark(#ffffff, #0d0e11);--mat-sys-surface-dim: light-dark(#dbd9dd, #121316);--mat-sys-surface-tint: light-dark(#005cbb, #abc7ff);--mat-sys-surface-variant: light-dark(#e0e2ec, #44474e);--mat-sys-tertiary: light-dark(#343dff, #bec2ff);--mat-sys-tertiary-container: light-dark(#e0e0ff, #0000ef);--mat-sys-tertiary-fixed: light-dark(#e0e0ff, #e0e0ff);--mat-sys-tertiary-fixed-dim: light-dark(#bec2ff, #bec2ff);--mat-sys-neutral-variant20: #2d3038;--mat-sys-neutral10: #1a1b1f;--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 Roboto;--mat-sys-body-large-font: Roboto;--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 Roboto;--mat-sys-body-medium-font: Roboto;--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 Roboto;--mat-sys-body-small-font: Roboto;--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 Roboto;--mat-sys-display-large-font: Roboto;--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 Roboto;--mat-sys-display-medium-font: Roboto;--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 Roboto;--mat-sys-display-small-font: Roboto;--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 Roboto;--mat-sys-headline-large-font: Roboto;--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 Roboto;--mat-sys-headline-medium-font: Roboto;--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 Roboto;--mat-sys-headline-small-font: Roboto;--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 Roboto;--mat-sys-label-large-font: Roboto;--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 Roboto;--mat-sys-label-medium-font: Roboto;--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 Roboto;--mat-sys-label-small-font: Roboto;--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 Roboto;--mat-sys-title-large-font: Roboto;--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 Roboto;--mat-sys-title-medium-font: Roboto;--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 Roboto;--mat-sys-title-small-font: Roboto;--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}:root{--primary-50: #eff6ff;--primary-100: #dbeafe;--primary-200: #bfdbfe;--primary-300: #93c5fd;--primary-400: #60a5fa;--primary-500: #3b82f6;--primary-600: #2563eb;--primary-700: #1d4ed8;--primary-800: #1e40af;--primary-900: #1e3a8a;--secondary-50: #f8fafc;--secondary-100: #f1f5f9;--secondary-200: #e2e8f0;--secondary-300: #cbd5e1;--secondary-400: #94a3b8;--secondary-500: #64748b;--secondary-600: #475569;--secondary-700: #334155;--secondary-800: #1e293b;--secondary-900: #0f172a;--success-50: #ecfdf5;--success-100: #d1fae5;--success-500: #10b981;--success-600: #059669;--success-700: #047857;--warning-50: #fffbeb;--warning-100: #fef3c7;--warning-500: #f59e0b;--warning-600: #d97706;--warning-700: #b45309;--danger-50: #fef2f2;--danger-100: #fee2e2;--danger-500: #ef4444;--danger-600: #dc2626;--danger-700: #b91c1c;--gray-50: #f9fafb;--gray-100: #f3f4f6;--gray-200: #e5e7eb;--gray-300: #d1d5db;--gray-400: #9ca3af;--gray-500: #6b7280;--gray-600: #4b5563;--gray-700: #374151;--gray-800: #1f2937;--gray-900: #111827;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-base: .2s cubic-bezier(.4, 0, .2, 1);--transition-slow: .3s cubic-bezier(.4, 0, .2, 1)}body{color-scheme:light;background-color:var(--secondary-50);color:var(--gray-800);font-family:Inter,Roboto,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:15px;line-height:1.6;font-weight:400;margin:0}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.3;color:var(--gray-900);margin:0}h1{font-size:2rem;letter-spacing:-.02em}h2{font-size:1.5rem;letter-spacing:-.01em}h3{font-size:1.25rem}h4{font-size:1.125rem}h5,h6{font-size:1rem}.text-sm{font-size:.875rem}.text-xs{font-size:.8125rem}.mat-mdc-button,.mat-mdc-raised-button,.mat-mdc-outlined-button{border-radius:0!important;font-weight:500!important;letter-spacing:.01em!important;transition:all var(--transition-base)!important;padding:0 24px!important}.mat-mdc-button:hover:not([disabled]),.mat-mdc-raised-button:hover:not([disabled]),.mat-mdc-outlined-button:hover:not([disabled]){transform:translateY(-1px);box-shadow:var(--shadow-md)!important}.mat-mdc-button:active:not([disabled]),.mat-mdc-raised-button:active:not([disabled]),.mat-mdc-outlined-button:active:not([disabled]){transform:translateY(0)}.mat-mdc-raised-button:not([disabled]){box-shadow:var(--shadow-sm)!important}.mat-mdc-fab,.mat-mdc-mini-fab,.mat-mdc-icon-button{border-radius:0!important}.cdk-overlay-container{z-index:10000!important}.toast-container{z-index:10001!important}.mat-mdc-form-field{width:100%}.mat-mdc-form-field .mat-mdc-text-field-wrapper{border-radius:0!important;transition:all var(--transition-base)}.mat-mdc-form-field .mat-mdc-form-field-focus-overlay,.mat-mdc-form-field.mat-form-field-appearance-outline .mat-mdc-notch-piece,.mat-mdc-select .mat-mdc-select-trigger,.mat-mdc-chip{border-radius:0!important}.mat-mdc-card{border-radius:0!important;box-shadow:var(--shadow-md)!important;transition:all var(--transition-base)!important;border:1px solid var(--gray-200)!important;border-top:1px solid var(--gray-200)!important}.mat-mdc-dialog-container,.mat-mdc-checkbox .mdc-checkbox__background,.mat-mdc-checkbox .mdc-radio__outer-circle,.mat-mdc-radio-button .mdc-checkbox__background,.mat-mdc-radio-button .mdc-radio__outer-circle{border-radius:0!important}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--gray-100);border-radius:var(--radius-sm)}::-webkit-scrollbar-thumb{background:var(--secondary-400);border-radius:var(--radius-sm);border:2px solid var(--gray-100)}::-webkit-scrollbar-thumb:hover{background:var(--secondary-500)}::-webkit-scrollbar-thumb:active{background:var(--secondary-600)}.transition-all{transition:all var(--transition-base)}.shadow-sm{box-shadow:var(--shadow-sm)}.shadow-md{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}.shadow-xl{box-shadow:var(--shadow-xl)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.animate-fadeIn{animation:fadeIn var(--transition-base) ease-out}.animate-slideInUp{animation:slideInUp var(--transition-slow) ease-out}.animate-slideInDown{animation:slideInDown var(--transition-slow) ease-out}.animate-scaleIn{animation:scaleIn var(--transition-base) ease-out}