@import"https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Beiruti:wght@200..900&family=EB+Garamond:ital,wght@0,400..800;1,400..800&family=Readex+Pro:wght,HEXP@357,50.3&display=swap";@import"https://fonts.googleapis.com/css2?family=Beiruti:wght@200..900&family=EB+Garamond:ital,wght@0,400..800;1,400..800&family=Readex+Pro:wght,HEXP@357,70&display=swap";*{margin:0;padding:0;box-sizing:inherit;transition:background-color .3s}html{box-sizing:border-box;font-size:10px}@media(max-width:1200px){html{font-size:9px}}@media(max-width:768px){html{font-size:8px}}@media(max-width:576px){html{font-size:7px}}@media(min-width:1800px){html{font-size:12px}}body{font-family:Poppins,sans-serif;font-weight:400;color:var(--color-text);background:var(--color-background)}button{border:none;background:none;cursor:pointer}button:disabled{opacity:.5;cursor:not-allowed}dialog{border:none}input:focus,select:focus,textarea:focus{outline:none}input,button{font-family:inherit}:root{--color-primary: #02367F;--color-primary-hover: #0A458F;--color-primary-active: #012A63;--color-primary-background: #f2f8fd;--color-primary-gradient: linear-gradient(90deg, var(--color-primary), var(--color-primary-active));--color-secondary: #ffe261;--color-secondary-hover: #ffe980;--color-secondary-active: #e6c94d;--color-secondary-gradient: linear-gradient(135deg, var(--color-secondary), var(--color-secondary-hover) 80%);--color-secondary-btn-gradient: linear-gradient(90deg, var(--color-secondary), var(--color-secondary-active), var(--color-secondary));--color-text: #1a1a1a;--color-text-secondary: #6b7280;--color-text-light: #9ca3af;--color-border: #e0e0e0;--color-green: #3ead63;--color-green-hover: #4fc278;--color-green-background: #ebf9ef;--color-red: #ad3e5a;--color-red-hover: #c24f6c;--color-extreme-1: #fff;--color-extreme-1-50: #ffffff50;--color-background: var(--color-extreme-1);--shadow-bar: 0 0 10px rgba(0, 0, 0, .3);--shadow-card: 0 8px 24px rgba(15, 23, 42, .08), 0 2px 8px rgba(15, 23, 42, .04);--shadow-card-hover: 0 4px 17px rgba(0, 0, 0, .15);--shadow-card-hover: 0 4px 15px rgba(0, 0, 0, .15);--shadow-card-secondary: 0 4px 10px #2d77ac90;--shadow-card-green: 0 4px 10px #3ead6390;--shadow-btn: 0 4px 10px rgba(0, 0, 0, .3);--shadow-btn-hover: 0 4px 9px rgba(0, 0, 0, .3)}.bg-body-tertiary{background-color:var(--color-background)!important}.app{display:flex;min-height:100dvh;position:relative}.app__content{display:flex;flex-direction:column;flex:1 1 100%;overflow:auto}.app__main{margin-top:7rem}@media(max-width:900px){.app__main{margin-top:9.5rem}}.container{flex:1 1 auto;display:flex;flex-direction:column;max-width:unset!important;padding:unset!important}.center{display:flex;align-items:center;justify-content:center}.layout{display:flex;flex:1 1 auto;flex-direction:column;padding:2rem;gap:1rem;justify-content:center}::-webkit-scrollbar{width:.4rem;height:.3rem}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--color-primary);border-radius:1rem}::-webkit-scrollbar-thumb:hover{background:var(--color-primary-hover)}.visx-group{padding:2rem}.react-transform-component{flex:1 1 auto;width:100%!important;height:100%!important}.MuiTableContainer-root::-webkit-scrollbar{width:.2rem;height:.2rem}.topbar{display:flex;justify-content:space-between;align-items:center;width:100%;padding:1rem 2rem;box-shadow:var(--shadow-bar);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1000;position:fixed;top:0;left:0;transition:visibility .3s ease-in-out}.topbar__title{text-align:center;font-size:2.2rem;font-weight:500;cursor:pointer;transition:all .3s ease;color:var(--color-extreme-1);padding:2rem 1rem}@media(max-width:900px){.topbar__title{margin-left:5rem;transform:translateY(.2rem)}}.topbar__title-mobile{font-size:2.2rem;font-weight:500;cursor:pointer;color:var(--color-primary);margin-left:4rem;visibility:hidden}@media(max-width:900px){.topbar__title-mobile{visibility:visible}}.topbar__title-sec{color:var(--color-secondary);font-weight:600;font-family:Segoe UI Symbol,Noto Sans,Arial,sans-serif}.topbar__profile-btn{border:.1rem solid #dbe3ef;border-radius:.8rem;padding:.4rem 1rem;min-width:unset;text-transform:none;color:var(--color-primary);background:#fff;display:flex;gap:.8rem}.topbar__avatar{width:2.4rem;height:2.4rem;font-size:1.2rem;font-weight:600;text-transform:capitalize}.topbar__username{font-size:1.2rem;font-weight:600;color:var(--color-primary)}.profile-modal{display:flex;flex-direction:column;gap:2rem;padding-top:.5rem}.profile-modal__header{display:flex;align-items:center;gap:1rem;padding-bottom:1.5rem;border-bottom:1px solid #e5e5e5}.profile-modal__header-content h2{margin:0;font-size:1.4rem;font-weight:600}.profile-modal__header-content p{margin:.4rem 0 0;color:#777;font-size:.95rem}.profile-modal__details{display:flex;flex-direction:column;gap:.85rem}.profile-modal__row{display:flex;justify-content:space-between;align-items:flex-start;gap:2rem;padding-bottom:.75rem;border-bottom:1px solid #f3f3f3}.profile-modal__row:last-child{border-bottom:none}.profile-modal__label{font-weight:600;color:#555;min-width:160px}.profile-modal__value{flex:1;text-align:right;color:#222;word-break:break-word}@media(max-width:600px){.profile-modal__row{flex-direction:column;gap:.35rem}.profile-modal__value{text-align:left}.profile-modal__header{flex-direction:column;text-align:center}}.title{font-family:Poppins,sans-serif!important}.title__primary{background:var(--color-primary-gradient);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.title__secondary{background:var(--color-secondary-gradient);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.title__container-secondary{background-color:var(--color-secondary);padding:1rem 4rem;border-radius:4rem}.title__top-margin{margin-top:2rem}.arabic{font-family:Beiruti,sans-serif!important}.h4{font-size:2.2rem;font-weight:500}.h2{font-size:3.5rem!important;font-weight:500}.h6{font-size:1.8rem;font-weight:500}.subtitle{font-size:1.6rem;font-weight:500;color:var(--color-text-secondary)}.text-primary{color:var(--color-primary)}.modal{position:fixed;width:100vw!important;height:100vh!important;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);top:0;left:0;z-index:1500;opacity:1;display:flex!important;background-color:#0000004d;justify-content:flex-end;transition:opacity .2s .1s;display:flex;justify-content:center;align-items:center;opacity:0;pointer-events:none}.modal--open{opacity:1;pointer-events:all}.modal-content{display:flex;flex-direction:column;align-items:center;background:#fff;padding:2rem;border-radius:1rem;width:90%;max-width:65rem;max-height:75rem;position:relative;scale:.6;opacity:0;transition:scale .2s ease-in-out .1s,opacity .3s .1s;overflow-y:auto}.modal-content--open{scale:1;opacity:1}.modal-content p{font-size:1.4rem;text-align:justify}.privacy-policy__title{font-size:2.2rem;font-weight:500;color:var(--color-primary)}.privacy-policy__text{font-size:1.6rem;text-align:justify}.text-center{text-align:center}.full-page-loader__message{font-size:1.4rem;font-weight:500;text-align:center;color:var(--color-primary);margin-top:1.5rem}.empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;padding:2rem}.empty__icon{font-size:4rem;color:var(--color-secondary)}.empty__message{font-size:1.4rem;font-weight:500;color:var(--color-text-secondary);text-align:center}.breadcrumbs{font-size:1.4rem}.breadcrumbs__link{color:var(--color-text-secondary);text-decoration:none}.breadcrumbs__current{color:var(--color-text);font-weight:600}.breadcrumbs__subtitle{margin:0}.home__drawer{flex:1 1 100%;display:flex;flex-direction:column;background:var(--color-primary)}.home__content{display:flex;flex:1 1 100%;padding:1rem 2rem}.section-header{display:flex;align-items:center;gap:1rem}.section-header__icon{width:5rem;height:5rem;border-radius:50%;background:#eef4ff;display:flex;align-items:center;justify-content:center;flex-shrink:0}.section-header__content{display:flex;flex-direction:column}.section-header__title{margin:0;font-size:2rem;font-weight:500;color:#1e4c8f;line-height:1.25}.section-header__subtitle{margin-top:.4rem;font-size:1.2rem;color:var(--color-text-secondary);line-height:1.5}.page__footer{display:flex;align-items:center;justify-content:space-between;padding:.5rem 1rem;margin-top:auto;margin-bottom:.5rem}.company-dashboard{padding:1rem 2rem}.company-dashboard__stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(18rem,1fr));gap:1.6rem;padding:1rem 0}.company-dashboard__charts{display:grid;grid-template-columns:repeat(auto-fit,minmax(40rem,1fr));gap:1.6rem;padding:1rem 0}.dashboard-stat-card{display:flex;align-items:center;gap:1.6rem;background:#fff;border:.1rem solid #edf2f7;border-radius:1.2rem;padding:1.2rem;box-shadow:var(--shadow-card)}.dashboard-stat-card__icon{width:4rem;height:4rem;display:flex;align-items:center;justify-content:center;border-radius:1rem;background:#f8fafc}.dashboard-stat-card__icon svg{width:2.4rem;height:2.4rem}.dashboard-stat-card__title{font-size:1.2rem;color:#64748b;margin-bottom:.4rem}.dashboard-stat-card__value{font-size:2rem;font-weight:700;margin-bottom:.4rem}.dashboard-stat-card__subtitle{font-size:1.1rem;color:#94a3b8}.dashboard-pie-card{background:#fff;border:.1rem solid #edf2f7;border-radius:1.2rem;padding:1rem;box-shadow:var(--shadow-card)}.dashboard-pie-card__title{font-size:1.3rem;font-weight:600;margin-bottom:1rem}.dashboard-pie-card__content{display:flex;flex-direction:column;align-items:center;gap:1rem}.dashboard-pie-card__chart{min-height:28rem;width:100%}.signup{padding:2rem 1.5rem;display:flex;flex-direction:column;gap:1rem;flex:1 1 100%}.signup__header{text-align:center}.signup__logo{font-size:3rem;font-weight:600;color:var(--color-primary);line-height:1}.signup__subtitle{font-size:1.8rem;color:#334155;margin-top:.6rem}.signup__card{display:flex;align-items:center;max-width:80rem;margin:0 auto;flex:1 1 100%}.signup__content{padding:2rem;background:#fff;border:.1rem solid #e2e8f0;border-radius:1.2rem;box-shadow:0 .4rem 2rem #0000000a}.signup__content .section-header{margin-bottom:1.5rem}.signup__section{margin-top:1rem}.signup__section-title{font-size:1.6rem;font-weight:600;color:var(--color-primary)}.signup__grid{display:grid;gap:2rem;margin-bottom:1.5rem}.signup__grid--two{grid-template-columns:repeat(2,minmax(0,1fr))}.signup__password-rules{margin-top:2rem;border:.1rem solid #e2e8f0;border-radius:.8rem;padding:1rem 2rem;display:flex;flex-wrap:wrap;gap:2rem;align-items:center;background:#f8fafc}.signup__rule{display:flex;align-items:center;gap:.8rem;font-size:1.3rem;color:#475569}.signup__signin{margin-top:1rem;text-align:center;font-size:1.4rem;color:#64748b}@media(max-width:768px){.signup__grid--two{grid-template-columns:1fr}.signup__content{padding:2rem}.signup__logo{font-size:4rem}}.login{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:2rem;flex:1 1 100%}.login__header{text-align:center;margin-bottom:1rem}.login__logo{font-size:3rem;font-weight:600;color:var(--color-primary);line-height:1}.login__subtitle{font-size:1.8rem;color:#334155;margin-top:.6rem}.login__card{flex:1 1 100%;display:flex;align-items:center;width:100%;max-width:50rem;margin:0 auto}.login__content{flex:1 1 100%;padding:3rem;display:flex;flex-direction:column;gap:1rem;background:#fff;border:.1rem solid #e2e8f0;border-radius:1.2rem;box-shadow:0 .4rem 2rem #0000000a}.login__title{font-size:3rem;font-weight:700;color:var(--color-primary);margin-bottom:.8rem}.login__description{font-size:1.4rem;color:#64748b;margin-bottom:3rem}.login__form{display:flex;flex-direction:column;gap:2rem;margin-top:1.5rem}.login__options{display:flex;flex-direction:row-reverse;justify-content:space-between;align-items:center}.login__submit{height:5rem;font-size:1.5rem!important;font-weight:600!important}.login__footer{margin-top:2rem;text-align:center;font-size:1.4rem;color:#64748b}.verify-email{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:2rem;flex:1 1 100%}.verify-email__email{display:flex;align-items:center;gap:.5rem}.verify-email__result{min-height:25rem;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2rem}.verify-email .login__content{align-items:center}.forgot-password{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:2rem;flex:1 1 100%}.forgot-password .login__content{min-height:50rem;justify-content:center}.manager-management,.project-management{padding:1rem;flex:1 1 100%}.employees .project-selection{padding:0 2.4rem;margin-top:2.4rem;margin-bottom:.5rem}.create-employee{background:var(--bg-card);border-radius:1.6rem;padding:2.4rem;box-shadow:var(--card-shadow)}.create-employee__form{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:2rem;row-gap:.8rem;margin-top:1.5rem}@media(max-width:1400px){.create-employee__form{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:992px){.create-employee__form{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.6rem}}@media(max-width:768px){.create-employee__form{grid-template-columns:1fr}}.create-employee__actions{margin-top:1rem;display:flex;align-items:center;gap:1.2rem}@media(max-width:768px){.create-employee__actions .MuiButton-root{width:100%}}.employee-list{background:var(--bg-card);border-radius:1.2rem;padding:2.4rem}@media(max-width:768px){.employee-list{padding:1.6rem}.employee-list .MuiTableContainer-root{overflow-x:auto}.employee-list .MuiTable-root{min-width:90rem}}.employee-list__edit-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2rem;padding-top:1rem}@media(max-width:768px){.employee-list__edit-form{grid-template-columns:1fr}}.employee-list__toolbar{display:flex;align-items:center;justify-content:space-between;gap:1.6rem;margin:2rem 0}@media(max-width:992px){.employee-list__toolbar{flex-direction:column;align-items:stretch}.employee-list__toolbar .MuiTextField-root{width:100%}}.employee-list__toolbar .MuiTextField-root{width:32rem}.employee-list__toolbar .MuiButton-root{min-width:12rem;height:4rem;text-transform:none;font-size:1.4rem;font-weight:500}.employee-list .MuiPaper-root{box-shadow:none;border:.1rem solid var(--border-color);border-radius:1rem;overflow:hidden}.employee-list .MuiTable-root{min-width:100%}.employee-list .MuiTableHead-root .MuiTableCell-root{font-size:1.3rem;font-weight:600;color:var(--text-primary);white-space:nowrap}.employee-list .MuiTableBody-root .MuiTableRow-root{transition:background-color .2s ease}.employee-list .MuiTableBody-root .MuiTableRow-root:hover{background:var(--bg-hover)}.employee-list .MuiTableBody-root .MuiTableCell-root{font-size:1.3rem;color:var(--text-secondary);padding:1.4rem 1.6rem}.employee-list .MuiChip-root{height:2.8rem;font-size:1.2rem;font-weight:500}.employee-list .MuiIconButton-root{width:3.6rem;height:3.6rem}.employee-list .MuiIconButton-root svg{font-size:1.8rem}.employee-list__footer{display:flex;justify-content:space-between;align-items:center;gap:2rem;margin-top:2rem;flex-wrap:wrap}.employee-list__rows-per-page{display:flex;align-items:center;gap:1rem}.employee-list__rows-per-page span{font-size:1.3rem;color:var(--text-secondary);white-space:nowrap}.employee-list__rows-per-page .MuiSelect-select{min-width:6rem}.employee-list .MuiPagination-root .MuiPaginationItem-root{font-size:1.3rem;min-width:3.2rem;height:3.2rem}.stat-card{display:flex;align-items:center;gap:1.6rem;background:var(--color-white);border:.1rem solid var(--color-border);border-radius:1.2rem;padding:1.8rem;min-height:10rem;transition:.25s;box-shadow:0 .8rem 2rem #00000014}.stat-card__icon{width:3rem;height:3rem;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:2.2rem;flex-shrink:0}.stat-card__content{flex:1}.stat-card__title{font-size:1.2rem;color:var(--text-secondary);margin-bottom:.6rem;font-weight:500;white-space:nowrap}.stat-card__value-row{display:flex;align-items:baseline;gap:.4rem}.stat-card__value{font-size:2.2rem;line-height:1;font-weight:700;color:var(--text-primary)}.stat-card__unit{font-size:1.2rem;color:var(--text-secondary);font-weight:500}.stat-card__footer{margin-top:.6rem;font-size:1.2rem;color:var(--text-secondary)}.stat-card__cards-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(22rem,1fr));gap:1.4rem;margin-top:2rem}.stat-card--success .stat-card__value{color:#16a34a}.stat-card--danger .stat-card__value{color:#dc2626}.stat-card--warning .stat-card__value{color:#f59e0b}.stat-card--primary .stat-card__value{color:#2563eb}.stat-card--purple .stat-card__value{color:#7c3aed}.attendance{flex:1 1 100%;display:flex;flex-direction:column;padding:2rem}.attendance__edit-form{padding-top:.5rem}.attendance__edit-time-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem}@media(max-width:600px){.attendance__edit-time-fields{grid-template-columns:1fr;gap:0}}.attendance__date-section{display:flex;gap:1rem;padding:2rem 0}@media(max-width:900px){.attendance__date-section{flex-direction:column}}.attendance__date-picker{display:flex;flex-direction:column;justify-content:center;gap:1.6rem;padding:1.5rem;border-radius:1rem;border:.1rem solid var(--color-border);box-shadow:0 .8rem 2rem #00000014}.attendance__date-input{display:grid;grid-template-columns:repeat(auto-fit,minmax(20.6rem,1fr));gap:1.6rem;align-items:center}.attendance__bulk-form{flex:1 1 100%;padding:2rem;border-radius:1rem;border:.1rem solid var(--color-border);box-shadow:0 .8rem 2rem #00000014}.attendance__bulk-form form{display:grid;grid-template-columns:repeat(auto-fit,minmax(14rem,1fr));gap:1.6rem;align-items:center}.attendance__list{flex:1 1 100%}.timesheet{flex:1 1 100%;display:flex;flex-direction:column;padding:2rem}.timesheet__form{display:flex;align-items:flex-end;justify-content:space-between;gap:1.5rem;padding:1.5rem 0}@media(max-width:992px){.timesheet__form{flex-direction:column;align-items:stretch}}.timesheet__form-fields{flex:1;display:grid;grid-template-columns:repeat(auto-fit,minmax(20rem,1fr));gap:1rem;align-items:center;max-width:80rem}.timesheet__list{flex:1 1 100%;margin-top:1.5rem}.timesheet__list>.MuiPaper-root{overflow:unset}.timesheet .stat-card{padding:2rem;justify-content:center}.timesheet .stat-card__title{text-align:center}.timesheet .stat-card__value-row{justify-content:center}.timesheet .stat-card__cards-container{grid-template-columns:repeat(auto-fit,minmax(10rem,1fr));gap:.8rem}@media(max-width:900px){.timesheet .stat-card__cards-container{grid-template-columns:repeat(auto-fit,minmax(18rem,1fr))}}.payroll{padding:2rem}.generate-payroll{width:100%}.generate-payroll__form{display:flex;flex-direction:column;gap:1.5rem;margin-top:1rem}.generate-payroll__label{margin-bottom:.75rem!important;font-weight:600!important;color:var(--text-primary)}.generate-payroll__types{display:grid!important;grid-template-columns:repeat(3,1fr);gap:1rem;margin:0!important}@media(max-width:992px){.generate-payroll__types{grid-template-columns:1fr}}.generate-payroll__type-card{margin:0!important;border:1px solid var(--color-border);border-radius:12px;padding:1rem;align-items:flex-start;transition:.25s;background:var(--color-background)}.generate-payroll__type-card:hover{border-color:var(--primary);background:rgba(var(--primary-rgb),.03)}.generate-payroll__type-card .MuiRadio-root{padding:0;margin-right:.75rem;margin-top:2px}.generate-payroll__type-card .MuiFormControlLabel-label{width:100%}.generate-payroll__type-content{display:flex;align-items:flex-start;gap:.875rem}.generate-payroll__icon{width:42px;height:42px;border-radius:10px;background:var(--background-secondary);display:flex;align-items:center;justify-content:center}.generate-payroll__icon svg{color:var(--primary)}.generate-payroll__filters{border-radius:14px}.generate-payroll__filters-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1.5rem}.generate-payroll__filters-header svg{color:var(--primary)}.generate-payroll__filters-header .MuiTypography-root{font-weight:600}.generate-payroll__grid{display:grid;grid-template-columns:repeat(3,minmax(220px,1fr));gap:1.25rem}@media(max-width:992px){.generate-payroll__grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.generate-payroll__grid{grid-template-columns:1fr}}.generate-payroll__actions{display:flex;justify-content:center;margin-top:2rem;gap:2rem}.generate-payroll__actions .MuiButton-root{min-width:260px;height:46px;border-radius:8px;text-transform:none;font-weight:600}.generate-payroll .MuiTextField-root .MuiOutlinedInput-root{border-radius:8px}.preview-report{margin-top:2rem;border:1px solid var(--border-color);border-radius:12px;background:var(--card-bg);overflow:hidden}.preview-report__header{display:flex;align-items:center;gap:.6rem;padding:1rem 1.5rem;border-bottom:1px solid var(--border-color);font-weight:600}.preview-report__body{padding:1rem}.preview-report__viewer{display:block;width:100%;height:80vh;border:0;border-radius:8px;overflow:hidden}.preview-report__placeholder{min-height:320px;border:1px solid var(--border-color);border-radius:10px;background:var(--background-secondary);display:flex;flex-direction:column;justify-content:center;align-items:center;gap:.75rem;text-align:center;color:var(--text-secondary)}.preview-report__placeholder p{margin:0;font-weight:500;color:var(--text-primary)}.preview-report__placeholder span{font-size:.9rem;color:var(--text-secondary)}.preview-report__actions{display:flex;justify-content:flex-end;padding:1rem 1.5rem;border-top:1px solid var(--border-color)}.preview-report__actions .MuiButton-root{text-transform:none;border-radius:8px;min-width:170px}.about{padding:2rem}.about__container{max-width:1200px;margin:0 auto}.about__card{padding:2rem;border-radius:1.6rem}.about__content{display:flex;align-items:center;gap:3rem;margin-top:2rem}@media(max-width:900px){.about__content{flex-direction:column}}.about__image-section{flex:1;display:flex;justify-content:center;align-items:center}.about__image-wrapper{width:100%;max-width:450px;border-radius:16px;overflow:hidden;padding:1rem}.about__image{width:100%;display:block;object-fit:contain}.about__details{flex:1;display:flex;flex-direction:column;gap:1.5rem}.about__description{color:var(--text-secondary, #5f6368);line-height:1.8;font-size:1rem}.about__divider{margin:.5rem 0}.about__highlights{display:flex;flex-wrap:wrap;gap:.75rem}.about__highlights .MuiChip-root{font-weight:500;border-radius:8px}.project-selection{display:flex;align-items:center;justify-content:space-between;padding:1rem 0;gap:5rem}.project-selection__content{min-width:35rem}