button .mat-icon{margin-right:4px;display:inline-flex;vertical-align:middle}*{box-sizing:border-box;font-family:Arial,sans-serif;margin:0;padding:0}html,body{height:100%;width:100%;max-width:100%;overflow-x:hidden;background-color:#f5f5f5}body{margin:0;padding:0}button{cursor:pointer}.mat-icon,.material-icons,.material-symbols-outlined{vertical-align:middle;display:inline-flex;align-items:center;justify-content:center}.content-container{width:100%;max-width:1400px;margin:0 auto;padding:0 15px}.d-flex{display:flex}.flex-wrap{flex-wrap:wrap}.gap-10{gap:10px}.gap-20{gap:20px}@media screen and (max-width: 480px){.hide-xs{display:none}}.success-snackbar{background-color:#4caf50;color:#fff}.error-snackbar{background-color:#f44336;color:#fff}.mat-mdc-snack-bar-container .mdc-snackbar__surface{padding:0!important}.mat-mdc-snack-bar-container .mdc-snackbar__label{padding:14px 16px}.mat-mdc-form-field .mat-mdc-input-element,.mat-mdc-form-field textarea.mat-mdc-input-element,.mat-mdc-form-field .mat-mdc-select,.mat-mdc-form-field .mat-mdc-text-field-wrapper .mdc-text-field__input{padding:12px 16px!important}.mat-datepicker-content{background-color:#fff!important;box-shadow:0 4px 12px #00000026!important;border-radius:8px!important}.mat-calendar{background-color:#fff!important}.mat-calendar-header{background-color:#f8f9fa!important;padding:12px!important}.mat-calendar-body,.mat-calendar-table,.mat-calendar-body-cell{background-color:#fff!important}.mat-calendar-body-cell:hover .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical){background-color:#e3f2fd!important}.mat-calendar-body-selected{background-color:#1976d2!important;color:#fff!important}.mat-calendar-body-today:not(.mat-calendar-body-selected){border-color:#1976d2!important}.mat-calendar-period-button{background-color:transparent!important}.mat-calendar-arrow{fill:#424242!important}