@charset "UTF-8";html{--mat-button-filled-container-shape: 9999px;--mat-button-filled-horizontal-padding: 24px;--mat-button-filled-icon-offset: -8px;--mat-button-filled-icon-spacing: 8px;--mat-button-filled-touch-target-size: 48px;--mat-button-outlined-container-shape: 9999px;--mat-button-outlined-horizontal-padding: 24px;--mat-button-outlined-icon-offset: -8px;--mat-button-outlined-icon-spacing: 8px;--mat-button-outlined-outline-width: 1px;--mat-button-outlined-touch-target-size: 48px;--mat-button-protected-container-shape: 9999px;--mat-button-protected-horizontal-padding: 24px;--mat-button-protected-icon-offset: -8px;--mat-button-protected-icon-spacing: 8px;--mat-button-protected-touch-target-size: 48px;--mat-button-text-container-shape: 9999px;--mat-button-text-horizontal-padding: 12px;--mat-button-text-icon-offset: -4px;--mat-button-text-icon-spacing: 8px;--mat-button-text-with-icon-horizontal-padding: 16px;--mat-button-text-touch-target-size: 48px;--mat-button-tonal-container-shape: 9999px;--mat-button-tonal-horizontal-padding: 24px;--mat-button-tonal-icon-offset: -8px;--mat-button-tonal-icon-spacing: 8px;--mat-button-tonal-touch-target-size: 48px;--mat-button-filled-container-color: #343dff;--mat-button-filled-disabled-container-color: color-mix(in srgb, #1b1b1f 12%, transparent);--mat-button-filled-disabled-label-text-color: color-mix(in srgb, #1b1b1f 38%, transparent);--mat-button-filled-disabled-state-layer-color: #46464f;--mat-button-filled-focus-state-layer-opacity: .12;--mat-button-filled-hover-state-layer-opacity: .08;--mat-button-filled-label-text-color: #ffffff;--mat-button-filled-pressed-state-layer-opacity: .12;--mat-button-filled-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);--mat-button-filled-state-layer-color: #ffffff;--mat-button-outlined-disabled-label-text-color: color-mix(in srgb, #1b1b1f 38%, transparent);--mat-button-outlined-disabled-outline-color: color-mix(in srgb, #1b1b1f 12%, transparent);--mat-button-outlined-disabled-state-layer-color: #46464f;--mat-button-outlined-focus-state-layer-opacity: .12;--mat-button-outlined-hover-state-layer-opacity: .08;--mat-button-outlined-label-text-color: #343dff;--mat-button-outlined-outline-color: #777680;--mat-button-outlined-pressed-state-layer-opacity: .12;--mat-button-outlined-ripple-color: color-mix(in srgb, #343dff 12%, transparent);--mat-button-outlined-state-layer-color: #343dff;--mat-button-protected-container-color: #fcf8fd;--mat-button-protected-container-elevation-shadow: 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-button-protected-disabled-container-color: color-mix(in srgb, #1b1b1f 12%, transparent);--mat-button-protected-disabled-container-elevation-shadow: 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-button-protected-disabled-label-text-color: color-mix(in srgb, #1b1b1f 38%, transparent);--mat-button-protected-disabled-state-layer-color: #46464f;--mat-button-protected-focus-container-elevation-shadow: 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-button-protected-focus-state-layer-opacity: .12;--mat-button-protected-hover-container-elevation-shadow: 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-button-protected-hover-state-layer-opacity: .08;--mat-button-protected-label-text-color: #343dff;--mat-button-protected-pressed-container-elevation-shadow: 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-button-protected-pressed-state-layer-opacity: .12;--mat-button-protected-ripple-color: color-mix(in srgb, #343dff 12%, transparent);--mat-button-protected-state-layer-color: #343dff;--mat-button-text-disabled-label-text-color: color-mix(in srgb, #1b1b1f 38%, transparent);--mat-button-text-disabled-state-layer-color: #46464f;--mat-button-text-focus-state-layer-opacity: .12;--mat-button-text-hover-state-layer-opacity: .08;--mat-button-text-label-text-color: #343dff;--mat-button-text-pressed-state-layer-opacity: .12;--mat-button-text-ripple-color: color-mix(in srgb, #343dff 12%, transparent);--mat-button-text-state-layer-color: #343dff;--mat-button-tonal-container-color: #e1e0f9;--mat-button-tonal-disabled-container-color: color-mix(in srgb, #1b1b1f 12%, transparent);--mat-button-tonal-disabled-label-text-color: color-mix(in srgb, #1b1b1f 38%, transparent);--mat-button-tonal-disabled-state-layer-color: #46464f;--mat-button-tonal-focus-state-layer-opacity: .12;--mat-button-tonal-hover-state-layer-opacity: .08;--mat-button-tonal-label-text-color: #444559;--mat-button-tonal-pressed-state-layer-opacity: .12;--mat-button-tonal-ripple-color: color-mix(in srgb, #444559 12%, transparent);--mat-button-tonal-state-layer-color: #444559;--mat-button-filled-touch-target-display: block;--mat-button-filled-container-height: 40px;--mat-button-outlined-container-height: 40px;--mat-button-outlined-touch-target-display: block;--mat-button-protected-touch-target-display: block;--mat-button-protected-container-height: 40px;--mat-button-text-touch-target-display: block;--mat-button-text-container-height: 40px;--mat-button-tonal-container-height: 40px;--mat-button-tonal-touch-target-display: block;--mat-button-filled-label-text-font: Roboto, sans-serif;--mat-button-filled-label-text-size: .875rem;--mat-button-filled-label-text-tracking: .006rem;--mat-button-filled-label-text-weight: 500;--mat-button-outlined-label-text-font: Roboto, sans-serif;--mat-button-outlined-label-text-size: .875rem;--mat-button-outlined-label-text-tracking: .006rem;--mat-button-outlined-label-text-weight: 500;--mat-button-protected-label-text-font: Roboto, sans-serif;--mat-button-protected-label-text-size: .875rem;--mat-button-protected-label-text-tracking: .006rem;--mat-button-protected-label-text-weight: 500;--mat-button-text-label-text-font: Roboto, sans-serif;--mat-button-text-label-text-size: .875rem;--mat-button-text-label-text-tracking: .006rem;--mat-button-text-label-text-weight: 500;--mat-button-tonal-label-text-font: Roboto, sans-serif;--mat-button-tonal-label-text-size: .875rem;--mat-button-tonal-label-text-tracking: .006rem;--mat-button-tonal-label-text-weight: 500;--mat-dialog-actions-alignment: flex-end;--mat-dialog-actions-padding: 16px 24px;--mat-dialog-container-elevation-shadow: none;--mat-dialog-container-max-width: 560px;--mat-dialog-container-min-width: 280px;--mat-dialog-container-shape: 28px;--mat-dialog-container-small-max-width: calc(100vw - 32px) ;--mat-dialog-content-padding: 20px 24px;--mat-dialog-headline-padding: 6px 24px 13px;--mat-dialog-with-actions-content-padding: 20px 24px 0;--mat-dialog-container-color: #fcf8fd;--mat-dialog-subhead-color: #1b1b1f;--mat-dialog-supporting-text-color: #46464f;--mat-dialog-subhead-font: Roboto, sans-serif;--mat-dialog-subhead-line-height: 2rem;--mat-dialog-subhead-size: 1.5rem;--mat-dialog-subhead-tracking: 0;--mat-dialog-subhead-weight: 400;--mat-dialog-supporting-text-font: Roboto, sans-serif;--mat-dialog-supporting-text-line-height: 1.25rem;--mat-dialog-supporting-text-size: .875rem;--mat-dialog-supporting-text-tracking: .016rem;--mat-dialog-supporting-text-weight: 400;--mat-menu-divider-bottom-spacing: 8px;--mat-menu-divider-top-spacing: 8px;--mat-menu-item-icon-size: 24px;--mat-menu-item-spacing: 12px;--mat-menu-item-leading-spacing: 12px;--mat-menu-item-trailing-spacing: 12px;--mat-menu-item-with-icon-leading-spacing: 12px;--mat-menu-item-with-icon-trailing-spacing: 12px;--mat-menu-container-shape: 4px;--mat-menu-divider-color: #e4e1ec;--mat-menu-item-label-text-color: #1b1b1f;--mat-menu-item-icon-color: #46464f;--mat-menu-item-hover-state-layer-color: color-mix(in srgb, #1b1b1f 8%, transparent);--mat-menu-item-focus-state-layer-color: color-mix(in srgb, #1b1b1f 12%, transparent);--mat-menu-container-color: #f0edf1;--mat-menu-container-elevation-shadow: 0px 3px 1px -2px rgba(0, 0, 0, .2), 0px 2px 2px 0px rgba(0, 0, 0, .14), 0px 1px 5px 0px rgba(0, 0, 0, .12);--mat-menu-item-label-text-font: Roboto, sans-serif;--mat-menu-item-label-text-line-height: 1.25rem;--mat-menu-item-label-text-size: .875rem;--mat-menu-item-label-text-tracking: .006rem;--mat-menu-item-label-text-weight: 500;--mat-icon-color: inherit;--mat-divider-width: 1px;--mat-divider-color: #c7c5d0}:root{--primary-color: #1976d2;--accent-color: #ff4081;--text-color: #333;--bg-color: #f5f5f5;--card-bg: #ffffff}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;background-color:var(--bg-color);color:var(--text-color);line-height:1.6}.container{max-width:1200px;margin:0 auto;padding:20px}.card{background:var(--card-bg);border-radius:8px;padding:20px;margin:20px 0;box-shadow:0 2px 4px #0000001a}.btn{background-color:var(--primary-color);color:#fff;padding:10px 20px;border:none;border-radius:4px;cursor:pointer;font-size:14px;transition:background-color .3s}.btn:hover{background-color:#1565c0}.btn:disabled{background-color:#ccc;cursor:not-allowed}.loading{text-align:center;padding:20px;color:#666}.error{background-color:#ffebee;color:#c62828;padding:10px;border-radius:4px;margin:10px 0}.success{background-color:#e8f5e9;color:#2e7d32;padding:10px;border-radius:4px;margin:10px 0}