:root{--header-height: 70px;--footer-height: 70px;--total-count-height: 40px;--header-bg: #f8f9fa;--border-input: #ddd;--text-color: #333;--color-green-light: #4CAF50;--color-green-lght-2: #45a049;--color-red-error: #f44336;--color-red-error-2: #d32f2f;--color-red-error-3: #b71c1c;--color-red-error-light: #fa755a;--color-green-success: #4CAF50;--white: #fff;--dark-gray: #333;--light-gray: #666;--light-gray-2: #cccccc;--border-light: #e0e0e0;--modal-overlay-bg: rgba(0, 0, 0, .7);--modal-shadow: 0 20px 60px rgba(0, 0, 0, .3);--modal-border-radius: 12px;--modal-border-color: #eee;--modal-error-bg: #fff8f8;--modal-error-border: #ffcdd2;--modal-details-bg: #f5f5f5;--text-dark: #555;--text-muted: #999;--modal-title-font-size: 20px;--modal-message-font-size: 16px;--modal-explanation-font-size: 14px;--modal-details-font-size: 13px;--modal-button-font-size: 14px;--modal-padding: 24px;--modal-header-padding: 20px 24px;--modal-footer-padding: 16px 24px 20px;--spacing-xxs: 8px;--spacing-xs: 4px;--spacing-sm: 6px;--spacing-md: 16px;--spacing-lg: 12px;--spacing-xl: 20px;--font-size-xl: 28px;--card-border: 1px;--card-border-radius: var(--spacing-xxs, 8px);--card-padding: var(--spacing-lg, 12px);--card-margin: var(--spacing-lg, 12px);--card-bg: var(--white, #fff);--card-shadow: 0 2px 4px rgba(0, 0, 0, .1);--card-shadow-hover: 0 4px 8px rgba(0, 0, 0, .15);--card-transition: all .2s ease;--primary-orange: #FFB74D;--primary-orange-light: #FFF9F0;--primary-orange-shadow: 0 0 0 2px rgba(255, 183, 77, .2);--primary-orange-shadow-light: rgba(255, 183, 77, .1);--success-bg-light: rgba(76, 175, 80, .1);--error-bg-light: rgba(250, 117, 90, .05);--error-bg-light-2: rgba(244, 67, 54, .05);--error-bg-medium: rgba(244, 67, 54, .1);--color-primary: #1976d2;--color-primary-dark: #1565c0;--color-primary-darker: #0d47a1;--stripe-placeholder-color: #aab7c4;--stripe-empty-color: #aab7c4;--overlay-bg: rgba(255, 255, 255, .8);--link-color: #0066cc}app-root{display:flex;flex-direction:column;height:100%}body{margin:0;padding:0;font-family:Open Sans,sans-serif;height:100vh;display:flex;flex-direction:column}.mat-mdc-dialog-panel{overflow:auto}@media(min-width:1000px){.main{flex:1;display:flex;flex-direction:column;overflow:hidden}}.btn{min-width:100px;border:2px solid rgba(128,128,128,.3);border-radius:10px;padding:12px 24px;font-size:1rem;font-weight:500;transition:all .3s ease;width:100%;display:flex;align-items:center;justify-content:center;gap:8px;will-change:transform,opacity;backface-visibility:hidden}@media(min-width:1000px){.btn{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}}.cancel-btn{background:#fff9;color:var(--dark-gray)}.cancel-btn:hover:not(:disabled){background:#fffc;border-color:#80808080}.confirm-btn{background:linear-gradient(135deg,var(--primary-orange),#ff8a00);color:var(--white);box-shadow:0 6px 20px #ffa5004d}.confirm-btn:hover:not(:disabled){box-shadow:0 8px 25px #ffa50066;border-color:#fff9}.cdk-overlay-popover{overflow:auto!important}.white-modal{background-color:var(--white)!important;border-radius:10px;padding:10px}