.mat-primary{background-color:#fff!important;color:var(--primary-color)!important}.mat-accent{background-color:#fff!important;color:var(--secondary-color)!important}:root{--color-primary: #5d5e62;--color-primary-dark: #3a3b3f;--color-primary-light: #e2e2e6;--color-primary-light-background: #f0f0f5;--color-on-primary: #ffffff;--color-primary-hover: #f0f0f5;--color-primary-selected: #aaabaf;--color-secondary: #ea1b21;--color-secondary-dark: #a9000f;--color-secondary-light: #ffdad6;--color-secondary-light-background: #ffedea;--color-on-secondary: #ffffff;--color-secondary-hover: #c00012;--color-secondary-selected: #93000b;--color-tertiary: #008395;--color-tertiary-dark: #001f25;--color-tertiary-light: #a2eeff;--color-on-tertiary: #ffffff;--color-error: #dd3739;--color-error-dark: #410004;--color-error-light: #ffedeb;--color-on-error: #ffffff;--color-on-surface: #000000;--background-primary: #ffffff}html{color-scheme:light}html{--mat-sys-background: light-dark(#f8f9ff, #0d141d);--mat-sys-error: light-dark(#b91a24, #ffb3ad);--mat-sys-error-container: light-dark(#ffdad7, #930013);--mat-sys-inverse-on-surface: light-dark(#eaf1fe, #2a313b);--mat-sys-inverse-primary: light-dark(#c6c6ca, #5d5e62);--mat-sys-inverse-surface: light-dark(#2a313b, #dce3f0);--mat-sys-on-background: light-dark(#151c25, #dce3f0);--mat-sys-on-error: light-dark(#ffffff, #68000a);--mat-sys-on-error-container: light-dark(#930013, #ffdad7);--mat-sys-on-primary: light-dark(#ffffff, #2f3034);--mat-sys-on-primary-container: light-dark(#45474a, #e2e2e6);--mat-sys-on-primary-fixed: light-dark(#1a1c1f, #1a1c1f);--mat-sys-on-primary-fixed-variant: light-dark(#45474a, #45474a);--mat-sys-on-secondary: light-dark(#ffffff, #690005);--mat-sys-on-secondary-container: light-dark(#93000b, #ffdad6);--mat-sys-on-secondary-fixed: light-dark(#410002, #410002);--mat-sys-on-secondary-fixed-variant: light-dark(#93000b, #93000b);--mat-sys-on-surface: light-dark(#151c25, #dce3f0);--mat-sys-on-surface-variant: light-dark(#424750, #dee2ee);--mat-sys-on-tertiary: light-dark(#ffffff, #690005);--mat-sys-on-tertiary-container: light-dark(#93000b, #ffdad6);--mat-sys-on-tertiary-fixed: light-dark(#410002, #410002);--mat-sys-on-tertiary-fixed-variant: light-dark(#93000b, #93000b);--mat-sys-outline: light-dark(#727782, #8c919c);--mat-sys-outline-variant: light-dark(#c2c6d2, #424750);--mat-sys-primary: light-dark(#5d5e62, #c6c6ca);--mat-sys-primary-container: light-dark(#e2e2e6, #45474a);--mat-sys-primary-fixed: light-dark(#e2e2e6, #e2e2e6);--mat-sys-primary-fixed-dim: light-dark(#c6c6ca, #c6c6ca);--mat-sys-scrim: light-dark(#000000, #000000);--mat-sys-secondary: light-dark(#c00012, #ffb4ab);--mat-sys-secondary-container: light-dark(#ffdad6, #93000b);--mat-sys-secondary-fixed: light-dark(#ffdad6, #ffdad6);--mat-sys-secondary-fixed-dim: light-dark(#ffb4ab, #ffb4ab);--mat-sys-shadow: light-dark(#000000, #000000);--mat-sys-surface: light-dark(#f8f9ff, #0d141d);--mat-sys-surface-bright: light-dark(#f8f9ff, #333a44);--mat-sys-surface-container: light-dark(#e7eefb, #192029);--mat-sys-surface-container-high: light-dark(#e2e8f5, #232a34);--mat-sys-surface-container-highest: light-dark(#dce3f0, #2e353f);--mat-sys-surface-container-low: light-dark(#eef4ff, #151c25);--mat-sys-surface-container-lowest: light-dark(#ffffff, #080f17);--mat-sys-surface-dim: light-dark(#d4dae7, #0d141d);--mat-sys-surface-tint: light-dark(#5d5e62, #c6c6ca);--mat-sys-surface-variant: light-dark(#dee2ee, #424750);--mat-sys-tertiary: light-dark(#c00012, #ffb4ab);--mat-sys-tertiary-container: light-dark(#ffdad6, #93000b);--mat-sys-tertiary-fixed: light-dark(#ffdad6, #ffdad6);--mat-sys-tertiary-fixed-dim: light-dark(#ffb4ab, #ffb4ab);--mat-sys-neutral-variant20: #2b3139;--mat-sys-neutral10: #151c25}html{--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)}html{--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)}html{--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)}html{--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)}html{--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)}html{--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)}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}@media (prefers-color-scheme: dark){html{color-scheme:light}}body{font-size:16px;font-weight:400;font-family:Tajawal,sans-serif;color:var(--color-secondary)!important;background-color:var(--background-primary);--ag-material-primary-color: var(--color-secondary);--ag-alpine-active-color: var(--color-secondary);--ag-range-selection-border-style: none;--ag-selected-row-background-color: var(--color-primary-hover);--ag-row-hover-color: var(--color-primary-hover)}html,body{height:100%;margin:0;overflow:hidden}h1{font-size:32px;font-weight:700}h2{font-size:28px;font-weight:600;color:var(--color-secondary)!important}h3{font-size:24px;font-weight:500}h4{font-size:20px;font-weight:400}caption{font-size:12px;color:var(--color-primary)}.mat-mdc-progress-spinner{border-radius:50%;background-color:inherit!important}.mat-mdc-progress-spinner circle{stroke:var(--color-secondary)!important}.mdc-button{border-radius:5px!important;font-family:Tajawal,sans-serif;font-weight:600;font-size:16px;transition:all .3s ease}.mat-mdc-flat-button,.mat-mdc-unelevated-button{background-color:var(--color-secondary)!important;color:var(--background-primary)}.mat-mdc-flat-button:hover,.mat-mdc-unelevated-button:hover{background-color:var(--color-secondary-dark)!important}.mat-mdc-flat-button:disabled,.mat-mdc-unelevated-button:disabled{background-color:var(--color-primary-light)!important;color:var(--color-primary)!important}.mat-mdc-raised-button{background-color:var(--color-secondary)!important;color:var(--background-primary)!important}.mat-mdc-raised-button:hover{background-color:var(--color-secondary-dark)!important}.mat-mdc-raised-button:disabled{background-color:var(--color-primary-light)!important;color:var(--color-primary)!important}.ag-root-wrapper-body.ag-layout-normal{height:auto}.mat-mdc-outlined-button{border:2px solid var(--color-primary);color:var(--color-primary);background-color:transparent}.mat-mdc-outlined-button:hover{background-color:var(--color-primary-light)}.mat-mdc-outlined-button:disabled{border-color:var(--color-primary-light)!important;color:var(--color-primary)!important}.mat-mdc-icon-button{color:var(--color-primary);background-color:transparent}.mat-mdc-icon-button:hover{background-color:var(--color-primary-light)}button.btn-cancel{background-color:var(--color-primary-light);color:var(--color-priamry);border:none;padding:.5rem 1.25rem}button.btn-cancel:hover{background-color:var(--color-primary-hover)}button.btn-cancel:disabled{background-color:var(--color-primary-light)!important;color:var(--color-primary)!important;cursor:not-allowed}.mat-mdc-dialog-container{--mdc-dialog-container-shape: 16px;--mdc-dialog-subhead-color: var(--color-secondary);--mdc-dialog-heading-ink-color: var(--color-secondary);--mdc-dialog-supporting-text-ink-color: var(--color-secondary)}.mat-mdc-dialog-container .mdc-dialog__surface{padding:0;border-radius:16px;box-shadow:0 8px 24px #0000001a;background-color:var(--background-primary)}.mat-mdc-dialog-container .mdc-dialog__title{display:flex;align-items:center;justify-content:space-between;padding:1.5rem;font-size:24px!important;font-weight:500!important;color:var(--color-secondary);position:relative}.mat-mdc-dialog-container .mdc-dialog__title:before{display:none}.mat-mdc-dialog-container .mdc-dialog__title .title-icon{display:flex;align-items:center;margin-bottom:0}.mat-mdc-dialog-container .mdc-dialog__title .title-icon .mat-icon{margin-inline-end:.5rem;color:var(--color-primary)}.mat-mdc-dialog-container .mdc-dialog__title .mat-mdc-button>.mat-icon{padding:0;width:32px;height:32px;margin-right:0;color:var(--color-secondary)}.mat-mdc-dialog-container .mdc-dialog__content{padding:2rem;font-size:16px;color:var(--color-secondary)}.mat-mdc-dialog-container .mdc-dialog__content>:first-child{margin-top:15px}.mat-mdc-dialog-container .mdc-dialog__content>:last-child{margin-bottom:15px}.mat-mdc-dialog-container .mdc-dialog__actions{padding:1rem 1.5rem;justify-content:flex-end;gap:1rem;background-color:var(--background-primary)}.mat-mdc-dialog-container .mdc-dialog__actions button{min-width:100px}.mat-form-field-appearance-outline,.mat-form-field-appearance-fill{margin-bottom:.5rem}.mat-form-field-appearance-outline .mdc-text-field--no-label .mat-mdc-form-field-infix .mdc-text-field__input,.mat-form-field-appearance-fill .mdc-text-field--no-label .mat-mdc-form-field-infix .mdc-text-field__input{color:var(--color-secondary)}.mat-form-field-appearance-outline .mdc-text-field--no-label .mat-mdc-form-field-infix .mdc-text-field__input::placeholder,.mat-form-field-appearance-fill .mdc-text-field--no-label .mat-mdc-form-field-infix .mdc-text-field__input::placeholder{color:var(--color-secondary-light);opacity:1}.mat-form-field-appearance-outline .mdc-text-field--invalid .mat-mdc-form-field-infix .mdc-text-field__input,.mat-form-field-appearance-fill .mdc-text-field--invalid .mat-mdc-form-field-infix .mdc-text-field__input{color:var(--color-error)}.mat-form-field-appearance-outline .mdc-text-field--invalid .mat-mdc-form-field-infix .mdc-text-field__input::placeholder,.mat-form-field-appearance-fill .mdc-text-field--invalid .mat-mdc-form-field-infix .mdc-text-field__input::placeholder{color:var(--color-error);opacity:1}.mat-form-field-appearance-outline .mdc-text-field--invalid .mdc-floating-label,.mat-form-field-appearance-fill .mdc-text-field--invalid .mdc-floating-label{color:var(--color-error)!important}.mat-form-field-appearance-outline .mat-mdc-select,.mat-form-field-appearance-fill .mat-mdc-select{--mat-select-placeholder-text-color: var(--color-primary);--mat-select-enabled-trigger-text-color: var(--color-primary-dark)}.mat-form-field-appearance-outline .mdc-text-field--outlined{--mdc-outlined-text-field-focus-label-text-color: var(--color-primary)}.mat-form-field-appearance-outline .mdc-text-field--outlined .mat-mdc-form-field-infix{padding-top:16px;padding-bottom:16px}.mat-form-field-appearance-outline .mdc-text-field--outlined .mdc-notched-outline__leading{border-top-left-radius:8px!important;border-bottom-left-radius:8px!important}.mat-form-field-appearance-outline .mdc-text-field--outlined .mdc-notched-outline__trailing{border-top-right-radius:8px!important;border-bottom-right-radius:8px!important}.mat-form-field-appearance-outline .mdc-text-field--outlined.mdc-text-field--disabled{background-color:#f2f2f2}.mat-form-field-appearance-outline .mdc-text-field--outlined.mdc-text-field--disabled .mdc-notched-outline__leading,.mat-form-field-appearance-outline .mdc-text-field--outlined.mdc-text-field--disabled .mdc-notched-outline__trailing,.mat-form-field-appearance-outline .mdc-text-field--outlined.mdc-text-field--disabled .mdc-notched-outline__notch{border:unset}.mat-form-field-appearance-outline .mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__leading,.mat-form-field-appearance-outline .mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__trailing,.mat-form-field-appearance-outline .mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__notch{border-color:var(--color-primary)}.mat-form-field-appearance-outline .mdc-text-field--outlined:not(.mdc-text-field--disabled) .mdc-notched-outline__leading,.mat-form-field-appearance-outline .mdc-text-field--outlined:not(.mdc-text-field--disabled) .mdc-notched-outline__trailing,.mat-form-field-appearance-outline .mdc-text-field--outlined:not(.mdc-text-field--disabled) .mdc-notched-outline__notch{border-color:#dfe9f5}.mat-form-field-appearance-outline .mdc-text-field--outlined:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover .mdc-notched-outline__leading,.mat-form-field-appearance-outline .mdc-text-field--outlined:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover .mdc-notched-outline__trailing,.mat-form-field-appearance-outline .mdc-text-field--outlined:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover .mdc-notched-outline__notch{border-color:var(--color-primary-light)}.mat-form-field-appearance-outline .mdc-text-field--invalid.mdc-text-field--outlined .mdc-notched-outline__leading,.mat-form-field-appearance-outline .mdc-text-field--invalid.mdc-text-field--outlined .mdc-notched-outline__trailing,.mat-form-field-appearance-outline .mdc-text-field--invalid.mdc-text-field--outlined .mdc-notched-outline__notch{border-color:var(--color-error)!important}.mat-form-field-appearance-fill .mdc-text-field--filled{--mat-form-field-container-vertical-padding: 14px;border-radius:8px;padding:0 16px 0 12px}.mat-form-field-appearance-fill .mdc-text-field--filled:not(.mdc-text-field--disabled){background-color:#f2f2f2}.mat-form-field-appearance-fill .mdc-text-field--filled:not(.mdc-text-field--disabled) .mdc-line-ripple{display:none}.mat-form-field-appearance-fill .mdc-text-field--invalid.mdc-text-field--filled .mdc-line-ripple{background-color:var(--color-error)!important}mat-error{color:var(--color-error)!important;font-weight:500;font-size:13px;margin-bottom:.5rem!important}mat-hint{color:var(--color-primary)!important;font-size:13px;font-weight:500;font-style:italic;margin-bottom:.5rem!important}.logo-img{height:40px;max-width:90px;object-fit:contain;cursor:pointer}.edit-btn,.delete-btn{color:var(--background-primary);background:var(--color-primary);border:1px solid white;border-radius:5px;padding:5px 10px;cursor:pointer;font-size:14px;margin-right:5px}.add-btn{height:56px!important;width:190px!important;font-weight:500!important}.search-box{width:35%}.grid-list-wrapper{height:calc(100vh - 280px);overflow:hidden}.page-container{flex:1;display:flex;flex-direction:column;padding:16px}.img-loading-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.ag-watermark{display:none!important;opacity:0!important}