:root{--primary: #0A5FBA;--light-primary-gradient: linear-gradient(90deg, #ACA9FF 0%, rgba(172, 169, 255, 0) 91.25%);--primary-dark-gradient: linear-gradient(270deg, var(--primary) 0%, #0DA8DB 100%);--red-dark-gradient: linear-gradient(270deg, #C0170E 0%, #FF3B30 100%);--border-gray: #0000001A;--bg-gray: #f9fafb;--medium-gray: #9A9AA9;--medium-black: #101828;--dark-black: #000000;--light-primary: #F0F9FF;--white-original: #fff;--light-gray: #EAECF0;--dark-gray: #475467;--light-green: #DCFCE7;--light-blue: #DBEAFE;--light-yellow: #FEF9C2;--dark-green: #008236;--dark-blue: #1447E6;--dark-yellow: #A65F00;--white-constant: #fff;--light-purple: #F3E8FF;--dark-purple: #8200DB;--extra-dark-purple: #59168B;--medium-green: #00C950;--navy-blue: #1C398E;--field-gray: #F3F3F5;--light-red: #FFD7D7;--english-red: #FF1212;--border-shadow: 0px 2.11px 4.22px -1.06px #1717171A;--fs-heading-xxl: 28px;--fs-heading-xl: 24px;--fs-heading-md: 22px;--fs-heading-lg: 20px;--fs-heading-sm: 18px;--fs-body: 16px;--fs-medium: 15px;--fs-regular: 14px;--fs-small: 12px;--fs-mini: 10px;--fw-thin: 100;--fw-extra-light: 200;--fw-light: 300;--fw-regular: 400;--fw-medium: 500;--fw-semi-bold: 600;--fw-bold: 700;--fw-extra-bold: 800;--fw-black: 900;--sidebar-width: 218px;--font-inter: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif}button{border:none;outline:none;cursor:pointer;background:transparent}.rounded-btn{width:inherit;height:42px;border-radius:8px;background:transparent;border:none;display:flex;gap:.8rem;padding:0 1rem;justify-content:center;align-items:center;color:var(--white-constant);font-size:var(--fs-small);font-weight:var(--fs-regular)}.rounded-btn.primary-gradient{background:var(--primary-dark-gradient)}.rounded-btn.gray{border:1px solid var(--border-gray);color:var(--dark-black)}.page-container{width:100%;display:flex;flex-direction:column;gap:2rem}.page-header{width:100%;display:flex;justify-content:space-between;gap:1rem}.page-header .left-section{display:flex;flex-direction:column;gap:.8rem}.page-header .left-section .page-heading{font-size:var(--fs-heading-xl);color:var(--black-medium);font-weight:var(--fw-bold);display:flex;gap:1rem}.page-header .left-section .page-description{font-size:var(--fs-body);font-weight:var(--fs-regular);color:var(--medium-gray)}.page-content{width:100%;display:flex;flex-direction:column;gap:1.5rem}.section-bordered-shadow{box-shadow:var(--border-shadow);border:1px solid var(--border-gray);border-radius:10px}.filter-section{width:100%;height:54px;display:flex;gap:1.5rem;align-items:center}.filter-section .left-section{width:100%;height:100%}.filter-section .left-section .search-section{width:100%;height:100%;padding-left:1rem;color:var(--medium-gray);font-weight:var(--fw-regular);font-size:var(--fs-body)}.filter-section .left-section .search-section input{width:100%;height:100%}.filter-section .right-section{height:100%;display:flex;gap:1rem}.filter-section .right-section .filter-icon{height:100%;cursor:pointer}.filter-section .right-section .filter-icon span,.filter-section .right-section .filter-icon svg{height:100%}.info-card{box-shadow:var(--border-shadow);border:none;border-radius:10px;width:260px;height:120px;display:flex;padding:0 2rem 0 1rem;align-items:center;gap:1rem}.info-card.lightblue{border:1px solid var(--light-blue);background:var(--light-blue);box-shadow:unset}.info-card.lightblue .detail-section .detail{color:var(--navy-blue)}.info-card.lightblue .detail-section .title{color:var(--dark-blue)}.info-card.lightgreen{border:1px solid var(--light-green);background:var(--light-green);box-shadow:unset}.info-card.lightgreen .detail-section .detail{color:var(--dark-green)}.info-card.lightgreen .detail-section .title{color:var(--medium-green)}.info-card.lightpurple{border:1px solid var(--light-purple);background:var(--light-purple);box-shadow:unset}.info-card.lightpurple .detail-section .detail{color:var(--extra-dark-purple)}.info-card.lightpurple .detail-section .title{color:var(--dark-purple)}.info-card .detail-section .detail{font-size:var(--fs-heading-sm);font-weight:var(--fw-extra-bold);color:var(--dark-black)}.info-card .detail-section .title{font-size:var(--fs-regular);font-weight:var(--fw-regular);color:var(--dark-gray)}.dialog-container{--dialog-side-padding: 1rem;min-width:360px;max-height:90vh;display:flex;flex-direction:column;gap:1rem;padding:var(--dialog-side-padding) 0}@media screen and (max-width:450px){.dialog-container{width:100%;max-width:100%}}.dialog-container .dialog-header{width:100%;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border-gray);padding:0 var(--dialog-side-padding);padding-bottom:1rem}.dialog-container .dialog-header .heading{font-size:var(--fs-heading-lg)}.dialog-container .dialog-header .description{font-size:var(--fs-small);color:var(--medium-gray);font-weight:var(--fw-regular)}.dialog-container .dialog-header .close-icon{cursor:pointer}.dialog-container .dialog-content::-webkit-scrollbar{width:8px}.dialog-container .dialog-content::-webkit-scrollbar-thumb{background-color:var(--primary);border-radius:200px}.dialog-container .dialog-content{padding:0 var(--dialog-side-padding);overflow-y:auto}@font-face{font-family:Inter;src:url("./media/Inter-VariableFont_opsz,wght-BCWOMLLA.woff2") format("woff2-variations");font-weight:100 900;font-style:oblique -10deg 0deg;font-display:swap}.scrollbar-8::-webkit-scrollbar{width:8px}.scrollbar-8::-webkit-scrollbar-thumb{background-color:var(--primary);border-radius:200px}.scrollbar-4::-webkit-scrollbar{width:8px}.scrollbar-4::-webkit-scrollbar-thumb{background-color:var(--primary);border-radius:200px}input,select,textarea{border:none;outline:none;background:transparent;font-size:inherit;color:inherit;resize:none}input::placeholder,select::placeholder,textarea::placeholder{font-size:inherit;color:inherit}input[type=radio],input[type=checkbox]{accent-color:var(--primary)}.input-field{width:100%;display:flex;flex-direction:column;gap:.6rem}.input-field.required label:after{content:" *";color:var(--english-red)}.input-field label{color:var(--dark-gray);font-size:var(--fs-small);font-weight:var(--fw-regular)}.input-field .field-wrap{display:flex;flex-direction:column;gap:.5rem}.input-field .field-wrap .field{width:100%;height:42px;background:var(--field-gray);color:var(--medium-black);font-size:var(--fs-regular);font-weight:var(--fs-regular);padding:.1rem .5rem .1rem 1rem;border-radius:8px}.input-field .field-wrap .field:has(textarea){height:6rem;padding-top:.5rem}.input-field .field-wrap .field input,.input-field .field-wrap .field select,.input-field .field-wrap .field textarea{width:100%;height:100%}.upload-field{width:100%;display:flex;flex-direction:column;gap:.6rem}.upload-field label{color:var(--dark-gray);font-size:var(--fs-small);font-weight:var(--fw-regular)}.upload-field .field-wrap{display:flex;flex-direction:column;gap:.2rem}.upload-field .field-wrap .picture-section,.upload-field .field-wrap .upload-section{width:95px;height:95px;border-radius:8px;border:1px solid var(--border-gray)}.upload-field .field-wrap .upload-section{display:flex;flex-direction:column;color:var(--dark-gray);font-size:var(--fs-small);font-weight:var(--fs-regular);align-items:center;justify-content:center;cursor:pointer}.upload-field .field-wrap .picture-section{position:relative}.upload-field .field-wrap .picture-section .uploaded-image,.upload-field .field-wrap .picture-section .uploaded-image img{width:100%;height:100%;border-radius:6px}.upload-field .field-wrap .picture-section .close-icon{position:absolute;top:.2rem;right:.2rem;z-index:2}.upload-field .field-wrap .picture-section .close-icon svg{cursor:pointer}.data-table{width:100%;overflow:auto}.data-table::-webkit-scrollbar{width:8px}.data-table::-webkit-scrollbar-thumb{background-color:var(--primary);border-radius:200px}.data-table{border:2px solid var(--light-gray);border-radius:.75rem;box-shadow:var(--border-shadow)}.table-title{margin-bottom:.5rem;padding-inline-start:1rem;padding-top:1rem}.table-title h4{font-size:1.125rem;font-weight:var(--fw-semi-bold);color:var(--medium-black);margin:0}table.bottom-border-cells{width:100%;border-collapse:collapse;box-shadow:var(--border-shadow);border:none;border-radius:10px}table.bottom-border-cells.no-border th,table.bottom-border-cells.no-border td{border:none!important}table.bottom-border-cells thead tr :first-child{padding-left:1rem;border-top-left-radius:10px}table.bottom-border-cells thead tr :last-child{padding-right:1rem;border-top-right-radius:10px}table.bottom-border-cells thead tr th{padding:20px}table.bottom-border-cells tbody :last-child td{border-bottom:none}table.bottom-border-cells tbody tr td{padding:20px}table.bottom-border-cells th{font-size:var(--fs-small);font-weight:var(--fw-medium);color:var(--dark-gray);text-align:left;padding:.5em;border-bottom:1px solid var(--light-gray);background:var(--bg-gray)}table.bottom-border-cells td{font-size:var(--fs-regular);font-weight:var(--fw-medium);word-wrap:break-word;padding:1.2rem .5em;color:var(--medium-black);border:none;border-bottom:1px solid var(--light-gray);background:#fff}table.bottom-border-cells td .table-image{width:50px;height:50px}table.bottom-border-cells td .table-image img{width:100%;height:100%;border-radius:6px}.status-badge{padding:.4rem .5rem;background:var(--light-green);border-radius:4px;font-size:var(--fs-small);font-weight:var(--fs-regular)!important;color:var(--dark-green)}.status-badge.blue{background:var(--light-blue);color:var(--dark-blue)}.status-badge.yellow{background:var(--light-yellow);color:var(--dark-yellow)}.status-badge.purple{background:var(--light-purple);color:var(--dark-purple)}.status-badge.red{background:var(--light-red);color:var(--english-red)}.table-action-btns{display:flex;gap:.5rem}*{margin:0;padding:0;font-family:var(--font-inter);box-sizing:border-box}body{width:100%}.mat-mdc-dialog-surface.mdc-dialog__surface{border-radius:12px!important}.cdk-overlay-pane.mat-mdc-dialog-panel{width:unset!important;min-width:unset!important;max-width:unset!important}.w-150px{width:150px}.cp{cursor:pointer}.d-none{display:none}