.pdf-header-report[data-v-8827e147]{z-index:-100;opacity:0;width:100%;position:fixed;top:0;left:0}.pdf-footer-report[data-v-8827e147]{opacity:0;z-index:-100;width:100%;position:fixed;bottom:0;left:0}.dialog{text-align:center;border:none;border-radius:16px;margin:auto;padding:20px 60px;& .dialog-container{flex-direction:column;justify-content:center;align-items:center;gap:10px;display:flex;& img{width:80px;height:80px}}&[open]{-webkit-backdrop-filter:blur(5px);animation:.7s ease-out fade-in}&::backdrop{-webkit-backdrop-filter:blur(5px)}& h4{color:#212529;font-weight:700}& p{color:#757575}& .dialog-close-btn{color:#212529;appearance:none;cursor:pointer;background-color:#fff;background-clip:padding-box;border:1px solid #ced4da;border-radius:.25rem;outline:none;margin:10px auto;padding:.375rem .75rem;font-size:1rem;font-weight:400;line-height:1.5;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;display:block}}.loader-dialog{background:#fff;border:none;border-radius:5px;margin:auto;animation:.7s ease-out fade-out}.loader-container{flex-direction:column;justify-content:center;align-items:center;padding:2rem 4rem;display:flex}.loader-dialog[open]{animation:.7s ease-out fade-in}.loader-dialog[open]::backdrop{backdrop-filter:blur(5px);animation:.7s ease-out forwards backdrop-fade-in}.loader{color:#000;border:2px solid;border-radius:20px;width:120px;height:22px;position:relative}.loader:before{content:"";border-radius:inherit;background:currentColor;margin:2px;animation:2s infinite l6;position:absolute;inset:0 100% 0 0}@keyframes l6{to{inset:0}}.delete-dialog{text-align:center;padding:1.5rem;& .dialog-title{margin-top:1rem;font-family:bold,sans-serif;font-size:1.5rem}& p{color:#717171;margin-bottom:var(--space-sm);font-family:regular,sans-serif;font-size:1rem}& .btn-third{border:1px solid #000}}.dialog-cost{width:80%!important;& .p-dialog-header{border-bottom:1px solid var(--line-color);padding:var(--space-md);width:100%}& .p-dialog-content{padding:0}& .dialog-content{margin:var(--space-lg);& .cost-types{justify-content:space-between;align-items:center;gap:var(--space-sm);display:flex;@media (width<=768px){gap:var(--space-lg);flex-wrap:wrap}& .cost-type{align-items:center;width:100%;display:flex;@media (width<=768px){width:100%}& .input-checkbox-wrapper{width:100%;margin-inline-end:0;& .input-label{border:1px solid var(--line-color);border-radius:var(--radius-sm);width:100%;padding:var(--space-md);justify-content:center;&:before{left:var(--space-sm);top:calc(-1 * var(--space-sm));position:absolute}}& input:checked+.input-label{border-color:1px solid var(--primary-color)}& input[type=checkbox]:checked+.input-label:after,& input[type=radio]:checked+.input-label:after{left:calc(var(--space-sm) + 6px);top:calc(-1 * var(--space-sm) + 4px)}}}}& .project-title{font-family:regular,sans-serif;font-size:var(--md-size);text-transform:capitalize;width:100%;margin-top:var(--space-lg);align-items:center;display:flex;justify-content:space-between!important;&:after{content:"";width:100%;height:1px;background-color:var(--line-color);margin-inline-start:var(--space-md);display:block}}& .department-content{& .input-wrapper{margin-top:var(--space-md);position:relative;& .input-icon{width:var(--lg-size);height:var(--lg-size);padding-inline-start:calc(10 / var(--base-height) * 100vh);position:absolute;top:52%;left:3px;transform:translateY(-50%)}& .input{padding-inline-start:var(--space-xl)}}}& .section-content{margin-top:var(--space-md);& .design_project_table{gap:var(--space-sm);width:100%;display:flex;& .design_project_table_title{color:var(--primary-color);border-radius:var(--radius-xs);width:10%;padding:var(--space-lg) 0;background-color:#1e3a8e1a;justify-content:center;align-items:center;display:flex;& .input-checkbox-wrapper{writing-mode:vertical-rl;text-orientation:mixed;justify-content:center;align-items:center;margin-inline-end:0;display:flex;transform:rotate(180deg);& input[type=checkbox]{transform:rotate(180deg);width:var(--sim-sm-size)!important;height:var(--sim-sm-size)!important}& .input-label{color:var(--primary-color)}& input[type=checkbox]:checked+.input-label:after,& input[type=radio]:checked+.input-label:after{transform:rotate(180deg)}}}& .design_project{width:100%;& .design_project_header{background-color:#b2bbc61a;display:flex;@media (width<=768px){white-space:nowrap;flex-wrap:nowrap}& .design_project_title{width:33.3%;padding:var(--space-sm) 0;text-align:center;font-family:medium,sans-serif;font-size:var(--sim-sm-size);@media (width<=768px){width:unset;background-color:#f7f8f9;flex:0 0 50%}}}& .design_project_content{padding:var(--space-md);background-color:#fff;border-bottom:1px solid #f1f3f6;display:flex;@media (width<=768px){white-space:nowrap;flex-wrap:nowrap}& .design_project_col{width:33.3%;@media (width<=768px){width:unset;flex:0 0 50%}& .input-checkbox-wrapper{justify-content:center;align-items:center;display:flex;margin-inline-end:0!important;& input[type=checkbox]{width:var(--sim-sm-size)!important;height:var(--sim-sm-size)!important}& .input-label{color:var(--primary-color)}}& .design_project_text{justify-content:start;align-items:center;display:flex;@media (width<=768px){white-space:normal;justify-content:start;margin-bottom:.5rem}&.custom{& input{width:20%}& span{font-size:.6rem}}& .input{text-align:center;&:focus,&:focus-visible{outline:none}}& .color_primary{font-family:medium,sans-serif}}}}}}}& .btn-primary{margin-top:var(--space-lg)}}}.export-offer-dialog{gap:var(--space-md);width:calc(430 / var(--base-height) * 100vw);flex-direction:column;align-items:center;display:flex;& .note-description{color:#a3adbb;font-family:regular,sans-serif}& .export-offer-body{gap:var(--space-md);padding:var(--space-lg);background-color:var(--primary-color-opacity-1);border-radius:0 0 var(--radius-md) var(--radius-md);flex-direction:column;align-items:center;width:100%;display:flex;& img{width:calc(100 / var(--base-height) * 100vw);height:calc(100 / var(--base-height) * 100vh);-o-object-fit:contain;object-fit:contain}& h4{font-family:bold,sans-serif;font-size:var(--lg-size);color:#000;text-transform:capitalize}}& .offer-description{font-family:regular,sans-serif;font-size:var(--md-size);color:var(--text-color-4);text-align:center;text-transform:capitalize;padding-inline:var(--space-lg)}& .actions{align-items:center;gap:var(--space-md);width:100%;padding:var(--space-lg);display:flex}}.section-header{justify-content:center;align-items:start;gap:var(--space-sm);font-family:medium,sans-serif;display:flex;& .section-img{width:50px;height:50px}& .header-text{flex-direction:column;justify-content:flex-start;align-items:flex-start;display:flex;& .title{font-size:var(--xl-size);color:var(--primary-color);font-family:Bold,sans-serif}& .subtitle{color:var(--secondary-color);font-family:medium;font-size:var(--sm-size)}}}.payment{justify-content:space-between;gap:var(--gap-lg);padding-inline:1.5rem;display:flex;& .invoice-card-card-header{align-items:center;gap:var(--space-sm);display:flex;& h4{font-family:medium,sans-serif;font-size:var(--lg-size);color:#3d4c5e}& .invoice-card-line{width:100%;height:1px;margin-top:var(--space-md);background-color:#d9d9d9}}& .invoices-statics{gap:var(--gap-md);display:flex;@media screen and (width<=767px){flex-direction:column}& .statics{gap:var(--gap-sm);background-color:var(--primary-color-opacity-1);padding:var(--space-md);border-radius:var(--radius-md);text-wrap:nowrap;flex-direction:column;min-width:195px;display:flex;& .name{font-family:regular,sans-serif;font-size:var(--md-size);color:#1d242d}& .number{font-family:medium,sans-serif;font-size:var(--md-size);color:var(--primary-color)}}}& .inputs{width:100%;& .input-icon{width:100%;& .input{padding:calc(13 / var(--base-height) * 100vh);padding-left:calc(40 / var(--base-height) * 100vh)}}& .circle-progress{background:conic-gradient(#1e3a8e calc(var(--progress) * 3.6deg), #e0e0e0 0deg);width:100px;height:100px;color:var(--primary-color);border-radius:50%;justify-content:center;align-items:center;font-size:20px;font-weight:700;transition:background .5s;display:flex;position:relative;& span{z-index:1000}}& .circle-progress:before{content:"";background-color:#fff;border-radius:50%;width:90%;height:90%;position:absolute}& .rest{gap:var(--gap-sm);background-color:var(--primary-color-opacity-1);padding:var(--space-md);border-radius:var(--radius-md);justify-content:center;align-items:center;width:100%;display:flex}}& .tabs{flex-wrap:wrap;justify-content:center;align-items:center;gap:1rem;width:100%;padding:1rem 0;display:flex;& button{cursor:pointer;color:var(--text-color-3);font-family:Medium,sans-serif;font-size:var(--space-md);background:0 0;border:none;padding:.1rem 1rem;font-weight:600;transition:all .3s ease-in-out;& .icon{z-index:100000;background-color:#fff;display:none;position:absolute;bottom:-1.5rem;left:50%;transform:translate(-50%)}&.active{color:var(--primary-color);position:relative;&:after{content:"";background-color:var(--primary-color);width:100%;height:1px;position:absolute;bottom:-1.1rem;left:50%;transform:translate(-50%)}& .icon{display:block}}}&:after{content:"";background-color:#f4f4f4;width:100%;height:1px}}}.task-wrapper{justify-content:center;width:100%;padding:16px;display:flex}.reject-box{flex-direction:column;gap:20px;width:100%;display:flex}.rej-info{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:24px;display:flex}.reason{flex:1;gap:16px;min-width:280px;display:flex}.reason .img{border-radius:14px;flex-shrink:0;width:60px;height:60px;overflow:hidden}.reason .img img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.reason .description h4{color:#dc3545;margin:0;font-family:Bold;font-size:18px;line-height:1.4;&.suspended{color:#fbb03a}&.rejected{color:#ef3826}&.accept{color:#00b38b}}.reason .description p{color:#4b5563;text-wrap:balance;margin:6px 0 0;font-family:Medium;font-size:15px;line-height:1.55}.reason .description span{color:#4b5563;text-wrap:balance;margin:6px 0 0;font-family:Bold;font-size:17px;line-height:1.55}.task-details{& .attachments{flex-direction:column;align-items:flex-end;gap:10px;display:flex}& .attach-cont{flex-direction:column;align-items:flex-end;gap:8px;display:flex}& .attach-cont span{color:#9ca3af;font-family:Medium;font-size:14px}& .rej-imgs{align-items:center;display:flex}& .rej-imgs img{-o-object-fit:cover;object-fit:cover;border:3px solid #fff;border-radius:12px;width:66px;height:66px;margin-left:-16px;transition:all .4s cubic-bezier(.4,0,.2,1)}& .rej-imgs img:first-child{margin-left:0}& .rej-imgs img:hover{z-index:10;transform:translateY(-8px)scale(1.05);box-shadow:0 16px 40px #00000040}& .rej-imgs .arrow-icon{flex-shrink:0;width:36px;height:36px;margin-left:4px}}@media (width<=1024px){.reject-box{padding:20px}.rej-info{gap:20px}.reason .img{width:55px;height:55px}}@media (width<=768px){.reject-box{gap:18px;padding:18px}.rej-info{flex-direction:column;align-items:stretch}.reason{min-width:unset}.attachments{align-items:flex-start}.rej-imgs{justify-content:flex-start}.rej-imgs img{width:50px;height:50px;margin-left:-14px}.arrow-icon{width:32px;height:32px}}@media (width<=480px){.task-wrapper{padding:12px}.reject-box{border-radius:14px;padding:16px}.reason{align-items:center;gap:12px}.reason .img{width:48px;height:48px}.reason .description h4{font-size:16px}.reason .description p{font-size:14.5px}.rej-imgs img{width:46px;height:46px;margin-left:-12px}.arrow-icon{width:30px;height:30px}}.project-employee-history{& .employee-info{padding:var(--space-lg);border-radius:var(--radius-lg);margin-top:var(--space-lg);gap:var(--space-sm);background:#fff9 url(/assets/Group%201597883349-loY6ziac.png) 100% 100%/contain no-repeat;border:1px solid #fff;grid-template-columns:repeat(2,1fr);display:grid;@media screen and (width<=768px){grid-template-columns:repeat(1,1fr)}width:100%;& .employee-data{gap:var(--space-md);flex-wrap:wrap;display:flex;& .emp-img{border-radius:var(--radius-md);-o-object-fit:cover;object-fit:cover;width:80px;height:80px}& .employee-details{flex-direction:column;width:80%;display:flex;& .emp-id{font-family:Regular;font-size:var(--sim-sm-size);color:#909dad}& .emp-name{font-family:Bold;font-size:var(--lg-size);color:#3c58ac}& .contact-info-items{margin-top:var(--space-xs);flex-wrap:wrap;justify-content:space-between;align-items:center;display:flex;& .contact-item{color:#606f7b;font-family:Medium;font-size:var(--md-size);flex-direction:column;align-items:flex-start;display:flex;& span{color:#9ca3af}& p,& a{color:#3d4c5e;font-family:Bold}& a{text-decoration:none;transition:all .3s ease-in-out;&:hover{text-decoration:underline}}}}}}& .employee-history-cards{gap:var(--space-sm);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));display:grid;& .attendance{& p{color:var(--success-color)}}& .absence{& p{color:var(--danger-color)}}& .delay{& p{color:var(--warning-color)}}& .card{cursor:pointer;width:100%;height:fit-content;transition:all .3s ease-in-out;&:hover{transform:translateY(-5px);box-shadow:0 4px 8px #0003}background-color:var(--white-color);padding:var(--space-md);border-radius:var(--radius-md);& span{font-size:var(--md-size);color:#a3adbb;width:100%}& p{align-items:center;gap:var(--space-xs);font-family:Bold;font-size:var(--md-size);white-space:pre;width:100%;display:flex;& span{color:#f5ce58;font-family:Medium}}}}}& .employee-filter{margin-top:var(--space-sm);grid-template-columns:repeat(2,1fr);display:grid;@media screen and (width<=768px){grid-template-columns:repeat(1,1fr)}row-gap:var(--space-md);-moz-column-gap:var(--space-sm);column-gap:var(--space-sm);width:100%;& .input-wrapper{width:100%}& .label-date{font-family:Regular;font-size:var(--font-size-md)}& .shared{padding-bottom:var(--space-sm);border-bottom:1px solid var(--light-color);grid-column:span 2;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));display:grid;& .whats,& .xlsx{transition:all .3s ease-in-out;&:hover{cursor:pointer;background-color:#4caf50;scale:1.05;box-shadow:0 4px 8px #0003;& p{color:var(--white-color)}}}& .email{transition:all .3s ease-in-out;&:hover{cursor:pointer;background-color:#fbbc04;scale:1.05;box-shadow:0 4px 8px #0003;& p{color:var(--white-color)}}}& .pdf{transition:all .3s ease-in-out;&:hover{cursor:pointer;background-color:#ea4335;scale:1.05;box-shadow:0 4px 8px #0003;& p{color:var(--white-color)}}}gap:var(--space-sm);width:100%;& .item-share{background-color:var(--white-color);width:100%;padding:var(--space-sm);border-radius:var(--radius-md);white-space:nowrap;justify-content:space-between;align-items:center;height:fit-content;display:flex;& p{font-family:Bold;font-size:var(--sim-sm-size);color:#909dad}}}}& .all-tasks{background-color:var(--white-color);padding:var(--space-md);border-radius:var(--radius-md);margin-top:var(--space-lg);& .type-cards{gap:var(--space-sm);grid-template-columns:repeat(auto-fill,minmax(250px,1fr));width:100%;display:grid;& .type-card{padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);align-items:flex-start;gap:var(--space-xs);cursor:pointer;flex-direction:column;width:100%;transition:all .3s ease-in-out;display:flex;& span{font-family:Bold;font-size:var(--md-size)}& p{font-family:Bold;font-size:calc(var(--md-size) + 2px)}}& .task{background:#f8f9fa;border:1px solid #54688180;& span{color:#b2bbc6}& p{color:#546881}&:hover{background-color:#546881;transform:translateY(-5px);box-shadow:0 4px 8px #0003;& span,& p{color:#fff}}}& .hold{background:#fffcf7;border:1px solid #fbb03a80;& span{color:#dec295}& p{color:#fbb03a}&:hover{background-color:#fbb03a;transform:translateY(-5px);box-shadow:0 4px 8px #0003;& span,& p{color:#fff}}}& .final{background:#f6f7fa;border:1px solid #1e3a8e80;& span{color:#1e3a8e80}& p{color:#1e3a8e}&:hover{background-color:#1e3a8e;transform:translateY(-5px);box-shadow:0 4px 8px #0003;& span,& p{color:#fff}}}& .exp{background:#faf7ff;border:1px solid #8a38f580;& span{color:#8a38f580}& p{color:#8a38f5}&:hover{background-color:#8a38f5;transform:translateY(-5px);box-shadow:0 4px 8px #0003;& span,& p{color:#fff}}}& .loss{background:#f6f7fa;border:1px solid #ff000080;& span{color:#ff000080}& p{color:red}&:hover{background-color:red;transform:translateY(-5px);box-shadow:0 4px 8px #0003;& span,& p{color:#fff}}}}}}.all-tasks{& .task-header-section{margin-top:var(--space-lg);align-items:center;gap:var(--space-md);width:100%;display:flex;& .task-header-section-info{flex-direction:column;display:flex;& .task-header-section-info-title{align-items:center;gap:var(--space-xs);display:flex;& p{color:#202020;font-family:Bold;font-size:var(--lg-size)}& span{align-items:center;gap:var(--space-xs);color:#546881;font-family:Regular;display:flex;& b{color:#1e3a8e;font-family:Bold}}}& span{color:#9ca3af;font-family:Regular;font-size:var(--md-size)}}}& .tasks-cards{& .task-card{width:100%;padding:var(--space-sm);border-radius:var(--radius-md);background:#ffffffb2;border:1px solid #f8f8f8;position:relative;overflow:hidden;& .type{text-align:center;border-radius:var(--radius-md) 0 0 0;font-family:Bold;font-size:var(--sim-sm-size);z-index:555;color:#00b38b;text-orientation:mixed;writing-mode:sideways-lr;background-color:#f5fcfa;height:7rem;padding:.3rem;position:absolute;top:0;bottom:0;left:0;@media screen and (width<=768px){height:60%}}& .task-content{padding-left:var(--space-xl);align-items:center;gap:var(--space-md);width:100%;display:flex;@media screen and (width<=768px){flex-wrap:wrap}& .task-status{padding:var(--space-md);border-radius:var(--radius-md);background-color:#f5fcfa;flex-direction:column;width:156px;display:flex;position:relative;@media screen and (width<=768px){width:100%}& .icon{position:absolute;top:.5rem;right:.5rem}& span{color:#bac1cd;font-family:Bold;font-size:var(--md-size)}& p{font-family:Bold;font-size:var(--md-size)}}& .card-content{flex-direction:column;width:100%;display:flex;& .card-content-header{justify-content:space-between;align-items:center;width:100%;display:flex;@media screen and (width<=768px){flex-wrap:wrap}& .title{align-items:center;margin-bottom:0;display:flex;& p{color:#1d242d;font-family:Bold;font-size:var(--md-size)}& span{color:#1e3a8e;font-family:Bold;font-size:var(--md-size)}}& .date{align-items:center;display:flex;& span{font-family:Regular;font-size:var(--md-size);color:#9ca3af}& p{font-family:Bold;font-size:var(--md-size);color:#d80027}}}& .card-content-body{margin-top:var(--space-xs);grid-template-columns:repeat(4,1fr);gap:.5rem;display:grid;@media screen and (width<=768px){grid-template-columns:repeat(2,1fr)}& .item{flex-direction:column;display:flex;&.hold{& p{color:#fb0}}&.total{& p{color:#1e3a8e}}&.without_hold{& p{color:#00b38b}}& span{color:#9ca3af;font-family:Bold;font-size:var(--md-size)}& p{color:#3d4c5e;font-family:Bold;font-size:var(--md-size);white-space:pre-line}}}}& .image-group{background-color:var(--white-color);padding:var(--space-xs);border-radius:var(--radius-md);border:1px solid #ebebeb99}}}& .divider-dashed{border-bottom:1px solid #0000;border-image:repeating-linear-gradient(90deg,#e9ebf4 0 10px,#0000 10px 20px) 1;margin:10px 0}}}.p-galleria-indicator-list{& .p-galleria-indicator{& button{transition:all .5s ease-in-out}}}.p-galleria{border:none!important;outline:none!important}.p-galleria-indicator-active{& button{background-color:var(--primary-color)!important;border-radius:50px!important;width:30px!important;height:8px!important}}.all-tasks{& .tasks-cards{& .task-card{width:100%;& .smart-project-tracking{width:100%;& .smart-project-tracking-content{flex-wrap:wrap;justify-content:space-between;align-items:center;width:100%;display:flex}& .smart-project-tracking-title{flex-direction:column;display:flex;& p{color:#1e3a8e;font-family:Bold;font-size:var(--md-size)}& span{color:#a3adbb;font-family:Regular;font-size:var(--md-size)}}& .divider{background-color:#e6e6e6;width:100%;height:1px;margin-top:.8rem}}}}}:root{--primary-color:#1e3a8e;--secondary-color:#282828;--primary-color-opacity-1:#1e3a8e1a;--dark-color:#090b0e;--light-color:#909dad;--white-color:#fff;--danger-color:#b91f13;--warning-color:#ffc107;--warning-color-2:#dba503;--success-color:#00b69b;--table-bg:#f1f5f9;--info-color:#6226ef;--text-color:#0a152e;--text-color-2:#282828;--text-color-3:#939393;--text-color-4:#78828e;--text-color-5:#3a4856;--text-pagination:#0a0e1a;--pagination-color:#e5f2fe;--input-bg:#efefef;--main-bg:#efefef;--table-header-bg:#f8f8ff;--table-row-bg:#fff;--base-width:1440;--base-height:1024;--border-input-color:#c4c4c48c;--border-color:#b3b3b3;--background-input-color:#fff;--line-color:#f1f3f6;--line-color-2:#eee;--p-waiting-lpo:#ffba59;--p-rejected:#c1474f;--p-confirmed:#00b38b;--p-success:#166534;--p-total:#6b6c9f;--p-amount-after-discount:#6b6c9f;--p-Total-Paid-Confirmed:#4bae84;--p-Total-UnPaid-Confirmed:#f0a05f;--p-Total-Paid-LPO:#5b9bd5;--p-Total-UnPaid-LPO:#d87575;--p-Total-Employee-Offer:#857faf;--p-Total-Employee-Confirmed:#4bae84;--p-Total-Employee-LPO:#6ca3b6;--p-Total-Employee-Reject:#d67c7c;--blue-color:#0d0dbd;--radius-xs:8px;--radius-sm:10px;--radius-md:16px;--radius-lg:24px;--radius-xl:32px;--space-xs:6px;--space-sm:10px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-2xl:40px;--space-3xl:48px;--space-4xl:64px;--gap-xs:8px;--gap-sm:10px;--gap-md:16px;--gap-lg:24px;--transition-sm:.3s;--transition-md:.6s;--transition-lg:.9s;--checkbox-size:20px;--checkbox-size-sm:14px;--xs-size:10px;--sm-size:12px;--sim-sm-size:14px;--md-size:16px;--sim-md-size:20px;--lg-size:24px;--xl-size:32px;--2xl-size:40px;--3xl-size:48px}.home{& .container{padding:1rem}& .cards{grid-template-columns:repeat(3,1fr);gap:1rem;display:grid}@media screen and (width<=768px){& .cards{grid-template-columns:repeat(1,1fr)}}@media screen and (width>=1280px){& .cards{grid-template-columns:repeat(4,1fr)}}& .item{background-color:#fff;border-radius:10px;padding:1rem;& .headerCard{justify-content:space-between;align-items:start;display:flex;& .total{flex-direction:column;gap:.8rem;display:flex;& p{color:#202224;font-size:1rem;font-weight:600}& .number{color:#202224;font-size:1.5rem;font-weight:700}}}& .lamp{background-color:#8280ff36;border-radius:30%;justify-content:center;align-items:center;padding:1rem;display:flex}& .zoom{background-color:#1e3a8e36;border-radius:30%;justify-content:center;align-items:center;padding:1rem;display:flex}& .Timer{background-color:#4ad99136;border-radius:30%;justify-content:center;align-items:center;padding:1rem;display:flex}& .TickCircle{background-color:#2caf2336;border-radius:30%;justify-content:center;align-items:center;padding:1rem;display:flex}& .hold{background-color:#ffc10736;border-radius:30%;justify-content:center;align-items:center;padding:1rem;display:flex}& .canceled{background-color:#ff000036;border-radius:30%;justify-content:center;align-items:center;padding:1rem;display:flex}& .People{background-color:#30426936;border-radius:30%;justify-content:center;align-items:center;padding:1rem;display:flex}& .userCirlceAdd{background-color:#8280ff36;border-radius:30%;justify-content:center;align-items:center;padding:1rem;display:flex}& .ProfileUser{background-color:#28282836;border-radius:30%;justify-content:center;align-items:center;padding:1rem;display:flex}& .ProfileUser2{background-color:#d8d8d836;border-radius:30%;justify-content:center;align-items:center;padding:1rem;display:flex}}& .cardChart{background-color:#fff;padding:1rem;& p{color:#202224;font-size:1.5rem;font-weight:600}}}.cropper-container{touch-action:none;-webkit-touch-callout:none;user-select:none;direction:ltr;font-size:0;line-height:0;position:relative}.cropper-container img{backface-visibility:hidden;image-orientation:0deg;width:100%;height:100%;display:block;min-width:0!important;max-width:none!important;min-height:0!important;max-height:none!important}.cropper-wrap-box,.cropper-canvas,.cropper-drag-box,.cropper-crop-box,.cropper-modal{position:absolute;inset:0}.cropper-wrap-box,.cropper-canvas{overflow:hidden}.cropper-drag-box{opacity:0;background-color:#fff}.cropper-modal{opacity:.5;background-color:#000}.cropper-view-box{outline:1px solid #3399ffbf;width:100%;height:100%;display:block;overflow:hidden}.cropper-dashed{opacity:.5;border:0 dashed #eee;display:block;position:absolute}.cropper-dashed.dashed-h{border-top-width:1px;border-bottom-width:1px;width:100%;height:33.3333%;top:33.3333%;left:0}.cropper-dashed.dashed-v{border-left-width:1px;border-right-width:1px;width:33.3333%;height:100%;top:0;left:33.3333%}.cropper-center{opacity:.75;width:0;height:0;display:block;position:absolute;top:50%;left:50%}.cropper-center:before,.cropper-center:after{content:" ";background-color:#eee;display:block;position:absolute}.cropper-center:before{width:7px;height:1px;top:0;left:-3px}.cropper-center:after{width:1px;height:7px;top:-3px;left:0}.cropper-face,.cropper-line,.cropper-point{opacity:.1;width:100%;height:100%;display:block;position:absolute}.cropper-face{background-color:#fff;top:0;left:0}.cropper-line{background-color:#39f}.cropper-line.line-e{cursor:ew-resize;width:5px;top:0;right:-3px}.cropper-line.line-n{cursor:ns-resize;height:5px;top:-3px;left:0}.cropper-line.line-w{cursor:ew-resize;width:5px;top:0;left:-3px}.cropper-line.line-s{cursor:ns-resize;height:5px;bottom:-3px;left:0}.cropper-point{opacity:.75;background-color:#39f;width:5px;height:5px}.cropper-point.point-e{cursor:ew-resize;margin-top:-3px;top:50%;right:-3px}.cropper-point.point-n{cursor:ns-resize;margin-left:-3px;top:-3px;left:50%}.cropper-point.point-w{cursor:ew-resize;margin-top:-3px;top:50%;left:-3px}.cropper-point.point-s{cursor:s-resize;margin-left:-3px;bottom:-3px;left:50%}.cropper-point.point-ne{cursor:nesw-resize;top:-3px;right:-3px}.cropper-point.point-nw{cursor:nwse-resize;top:-3px;left:-3px}.cropper-point.point-sw{cursor:nesw-resize;bottom:-3px;left:-3px}.cropper-point.point-se{cursor:nwse-resize;opacity:1;width:20px;height:20px;bottom:-3px;right:-3px}@media (width>=768px){.cropper-point.point-se{width:15px;height:15px}}@media (width>=992px){.cropper-point.point-se{width:10px;height:10px}}@media (width>=1200px){.cropper-point.point-se{opacity:.75;width:5px;height:5px}}.cropper-point.point-se:before{content:" ";opacity:0;background-color:#39f;width:200%;height:200%;display:block;position:absolute;bottom:-50%;right:-50%}.cropper-invisible{opacity:0}.cropper-bg{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAAA3NCSVQICAjb4U/gAAAABlBMVEXMzMz////TjRV2AAAACXBIWXMAAArrAAAK6wGCiw1aAAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAABFJREFUCJlj+M/AgBVhF/0PAH6/D/HkDxOGAAAAAElFTkSuQmCC)}.cropper-hide{width:0;height:0;display:block;position:absolute}.cropper-hidden{display:none!important}.cropper-move{cursor:move}.cropper-crop{cursor:crosshair}.cropper-disabled .cropper-drag-box,.cropper-disabled .cropper-face,.cropper-disabled .cropper-line,.cropper-disabled .cropper-point{cursor:not-allowed}.btn{color:#fff;padding:calc(10 / var(--base-height) * 100vh) calc(25 / var(--base-height) * 100vh);text-transform:capitalize;cursor:pointer;text-wrap:nowrap;text-overflow:ellipsis;white-space:nowrap;border-radius:.5rem;font-family:bold,sans-serif;font-size:.8rem;transition:all .3s;display:block;&[disabled]{opacity:.7;cursor:not-allowed}}.button-wrapper{flex-wrap:wrap;gap:.5rem;display:flex}.link{color:var(--primary-color);cursor:pointer;font-size:var(--sim-sm-size);font-family:regular,sans-serif;text-decoration:underline}.btn-primary,.btn-add-item,.btn-primary-opacity-1{background-color:var(--primary-color);border:1px solid var(--primary-color);border-radius:var(--radius-sm);justify-content:center;align-items:center;gap:var(--space-sm);cursor:pointer;text-transform:capitalize;font-family:regular,sans-serif;transition:all .3s;display:flex;position:relative;overflow:hidden;&:disabled{cursor:not-allowed;color:var(--primary-color);background-color:#0000;transition:all .7s ease-in-out}& svg{& path{transition:all .7s ease-in-out}}&:hover{background-color:#0000;transition:all .7s ease-in-out;& svg{& path{fill:var(--primary-color);transition:all .7s ease-in-out}}}}.btn-primary-opacity-1{background-color:var(--primary-color-opacity-1);color:var(--primary-color);& svg{& path{fill:var(--primary-color)}}}.btn-primary:before{content:"";background:linear-gradient(90deg,#0000,#fff3,#0000);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.btn-primary:hover{color:#fff;background:#2952b3;transform:translateY(-2px);box-shadow:0 10px 30px #1e3a8e66;& svg{fill:#fff!important;& path{fill:#fff!important}}}.btn-primary:hover:before{left:100%}.btn-secondary{justify-content:center;align-items:center;gap:var(--space-sm);background-color:var(--white-color);border:1px solid var(--primary-color);color:var(--primary-color);cursor:pointer;text-transform:capitalize;font-family:regular,sans-serif;transition:all .7s ease-in-out;display:flex;position:relative;overflow:hidden;& svg{& path{fill:var(--primary-color);transition:all .7s ease-in-out}}&:before{content:"";background:linear-gradient(90deg,#0000,#1e3a8e26,#0000);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}&:hover{background-color:var(--primary-color);color:var(--primary-color);transition:all .7s ease-in-out;transform:translateY(-2px);box-shadow:0 10px 30px #1e3a8e66;& .lock{transition:all .7s ease-in-out;color:var(--white-color)!important}& svg{& path{fill:var(--white-color);transition:all .7s ease-in-out}}&:before{left:100%}}&.non_hover{&:hover{background-color:var(--white-color);border:1px solid var(--primary-color);color:var(--primary-color);box-shadow:none;transform:none;& svg{& path{fill:none}}&:before{left:-100%}}}&:disabled{opacity:.5;cursor:not-allowed;&:hover{background-color:var(--white-color);border:1px solid var(--primary-color);color:var(--primary-color);box-shadow:none;transform:none;& svg{& path{fill:none}}&:before{left:-100%}}}}.btn-third{color:var(--secondary-color);background-color:#fff;&:hover{background-color:var(--secondary-color);color:#fff}}.btn-danger{justify-content:center;align-items:center;gap:var(--space-sm);background-color:var(--danger-color);border:1px solid var(--danger-color);display:flex;& svg{& path{fill:var(--white-color)}}&:hover{color:var(--danger-color);background-color:#fff;& svg{& path{fill:var(--danger-color)}}}}.btn-success{align-items:center;gap:var(--space-sm);background-color:var(--p-success);border:1px solid var(--p-success);display:flex;& svg{& path{fill:var(--white-color)}}&:hover{color:var(--p-success);background-color:#fff;& svg{& path{fill:var(--p-success)}}}}.btn-accept{align-items:center;gap:var(--space-sm);color:var(--white-color);cursor:pointer;text-transform:capitalize;padding:var(--space-sm);border-radius:var(--radius-sm);background-color:#00b69b;border:1px solid #00b69b;transition:all .7s ease-in-out;display:flex;& svg{& path{transition:all .7s ease-in-out}}&:hover{background-color:var(--white-color);color:#00b69b;transition:all .7s ease-in-out;& svg{& path{fill:#00b69b;transition:all .7s ease-in-out}}}}.btn-reject{align-items:center;gap:var(--space-sm);color:var(--white-color);cursor:pointer;text-transform:capitalize;padding:var(--space-sm);border-radius:var(--radius-sm);background-color:#ef3826;border:1px solid #ef3826;transition:all .7s ease-in-out;display:flex;& svg{& path{transition:all .7s ease-in-out}}&:hover{background-color:var(--white-color);color:#ef3826;transition:all .7s ease-in-out;& svg{& path{fill:#ef3826;transition:all .7s ease-in-out}}}}.btn-revised{border-radius:var(--radius-sm);justify-content:center;align-items:center;gap:var(--space-sm);cursor:pointer;text-transform:capitalize;background-color:#212a43;border:1px solid #212a43;font-family:regular,sans-serif;transition:all .7s ease-in-out;display:flex;&:disabled{cursor:not-allowed;color:#212a43;background-color:#0000;transition:all .7s ease-in-out}& svg{& path{transition:all .7s ease-in-out}}&:hover{color:#212a43;background-color:#0000;transition:all .7s ease-in-out;& svg{& path{fill:#212a43;transition:all .7s ease-in-out}}}}.btn-primary-opacity-1{background-color:var(--primary-color-opacity-1);color:#212a43;& svg{& path{fill:#212a43}}}.final-project{& .show-project-header{background:var(--primary-color) url(/assets/show_project_image-Bwv2-klx.png) no-repeat right center;border-radius:var(--radius-sm);padding:var(--space-sm) var(--space-md);& .project-title{align-items:center;gap:var(--space-sm);display:flex;@media screen and (width<=768px){flex-wrap:wrap}& .title{color:var(--white-color);font-weight:700;font-size:var(--md-size);flex-direction:column;margin-bottom:0;display:flex}& .project-type{font-size:var(--sim-sm-size);color:#dde1ee;font-family:regular,sans-serif;font-weight:500}& .icon{padding:var(--space-sm);border-radius:var(--radius-sm);background:#ffffff1a}}}& .project-study{margin-top:var(--space-lg);border-radius:var(--radius-sm);padding:var(--space-sm) var(--space-md);background:#e2e2e266;justify-content:space-between;align-items:center;display:flex;@media screen and (width<=550px){justify-content:center;gap:var(--space-md);flex-wrap:wrap}& .content{font-size:calc(var(--md-size) + 2px);color:#546881;& .day{color:var(--primary-color);font-family:bold,sans-serif}}& .status{border-radius:var(--radius-sm);width:16rem;padding-block:var(--space-sm);background:#54688126;& span{color:#546881;font-family:bold,sans-serif;font-size:var(--md-size)}}}& .project-info{margin-top:var(--space-xl);border:1px solid #1e3a8e0f;padding:calc(var(--space-xs) - 2px)!important;background:0 0!important;& .content{border-radius:var(--radius-sm);background:var(--white-color);padding:var(--space-sm) var(--space-md);border:1px solid #1e3a8e0f;& .project-info-header{padding:var(--space-sm) 0;& .divider{border-radius:var(--radius-sm);border:1px solid #e9ebf4}& .title{align-items:center;gap:var(--space-sm);margin-bottom:var(--space-md);display:flex;& .project-info-title{color:var(--primary-color);font-size:calc(var(--md-size) + 2px);font-weight:600}& .project-mode{font-size:var(--sim-sm-size);color:var(--secondary-color);font-weight:600}& .icon{border-radius:var(--radius-xl);padding:var(--space-xs);background:#1e3a8e1a}}}}}& .project-attachment{margin-top:var(--space-xl);border:1px solid #1e3a8e0f;padding:calc(var(--space-xs) - 2px)!important;background:0 0!important;& .content{border-radius:var(--radius-sm);background:var(--white-color);padding:var(--space-sm) var(--space-md);border:1px solid #1e3a8e0f;& .project-attach-header{padding:var(--space-sm) 0;& .divider{border-radius:var(--radius-sm);border:1px solid #e9ebf4}& .title{align-items:center;gap:var(--space-sm);margin-bottom:var(--space-md);display:flex;& .project-attach-title{color:var(--primary-color);font-size:calc(var(--md-size) + 2px);font-weight:600}& .icon{border-radius:var(--radius-xl);padding:var(--space-xs);background:#1e3a8e1a}}}& .project-attach-body{gap:var(--space-md);grid-template-columns:repeat(3,1fr);display:grid;& .item{align-items:center;gap:var(--space-sm);display:flex;& .item-key{color:var(--dark-color);font-size:var(--md-size);font-family:Medium,"sans-serif"}& .item-value{color:#47586e;font-size:var(--md-size);font-family:Medium,"sans-serif"}& .cost{color:var(--primary-color);font-family:bold,sans-serif}}}}}& .project-summary{margin-top:var(--space-xl);background:var(--white-color);padding:var(--space-sm);border-radius:var(--radius-sm);& .list{align-items:baseline;gap:var(--space-sm);display:flex;position:relative;&:not(:last-child):before{content:"";background:repeating-linear-gradient(#b9c2dc 0 8px,#0000 8px 12px);width:2px;height:calc(100% - 20px);position:absolute;top:44%;left:.54rem;@media screen and (width<=900px){top:33%}@media screen and (width<=768px){top:27%}}& .circle{border-radius:var(--radius-xl);background:var(--primary-color-opacity-1);border:4px solid var(--primary-color);z-index:100;width:20px;height:20px}& .card{border-radius:var(--radius-sm);width:100%;margin-top:var(--space-md);border:1px solid #1e3a8e0f;padding:calc(var(--space-xs) - 3px)!important;background:#1e3a8e0f!important;& .card-body{border-radius:var(--radius-sm);background:var(--white-color);padding:var(--space-sm) var(--space-md);border:1px solid #1e3a8e0f;& .title{align-items:center;gap:var(--space-sm);display:flex;& h4{color:var(--primary-color);font-size:var(--md-size);text-decoration:underline}}& .items{gap:var(--space-md);margin-top:var(--space-md);grid-template-columns:repeat(3,1fr);display:grid;@media screen and (width<=900px){grid-template-columns:repeat(2,1fr)}@media screen and (width<=768px){grid-template-columns:repeat(1,1fr)}}}}}}& .item{align-items:center;gap:var(--space-xs);display:flex;& .item-key{color:var(--dark-color);font-size:var(--md-size);font-family:Medium,"sans-serif"}& .item-value{color:#47586e;font-size:var(--md-size);font-family:Medium,"sans-serif"}& .cost{color:var(--primary-color);font-family:bold,sans-serif}}& .project-meeting{margin-top:var(--space-xl);background:var(--white-color);padding:var(--space-sm);border-radius:var(--radius-sm);& .project-meeting-header{border-radius:var(--radius-sm);padding:var(--space-sm) var(--space-md);background:#1e3a8e1a;justify-content:space-between;align-items:center;display:flex;& .title{align-items:center;gap:var(--space-sm);margin-bottom:0;display:flex;& .icon{background:var(--white-color);border-radius:var(--radius-sm);padding:.3rem}& h4{color:var(--primary-color);font-size:var(--md-size)}}& .link{color:var(--primary-color);font-size:var(--md-size);font-family:Medium,"sans-serif";text-decoration:underline}}& .btn{width:100%;margin-top:var(--space-sm)}& .project-meeting-body{border-radius:var(--radius-sm);width:100%;margin-top:var(--space-md);border:1px solid #1e3a8e0f;padding:calc(var(--space-xs) - 3px)!important;background:#1e3a8e0f!important;& .card{border-radius:var(--radius-sm);background:var(--white-color);padding-bottom:var(--space-md);border:1px solid #1e3a8e0f;& .card-header{background:var(--white-color);padding:var(--space-sm);border-radius:var(--radius-sm);& .title{align-items:center;gap:var(--space-sm);color:var(--primary-color);margin-bottom:0;text-decoration:underline;display:flex}}& .card-body{padding:var(--space-sm) var(--space-md);background:#b9c2dc1a;& .suggestion-body{border-radius:var(--radius-sm);background:var(--white-color);padding:var(--space-sm) var(--space-md);border:1px solid #1e3a8e0f;& .suggestion-text{font-size:var(--md-size);color:var(--primary-color);font-family:Medium,"sans-serif"}}& .items{gap:var(--space-md);grid-template-columns:repeat(3,1fr);display:grid;@media screen and (width<=900px){grid-template-columns:repeat(2,1fr)}@media screen and (width<=768px){grid-template-columns:repeat(1,1fr)}& .item{align-items:center;gap:var(--space-xs);display:flex;& .item-key{color:var(--dark-color);font-size:var(--md-size);font-family:Medium,"sans-serif"}& .item-value{color:#47586e;font-size:var(--md-size);font-family:Medium,"sans-serif"}& .cost{color:var(--primary-color);font-family:bold,sans-serif}}}}}}}& .study{margin-top:var(--space-xl);background:var(--white-color);padding:var(--space-sm);border-radius:var(--radius-sm);& .study-header{border-radius:var(--radius-sm);padding:var(--space-sm) var(--space-md);background:#1e3a8e1a;justify-content:space-between;align-items:center;display:flex;& .title{align-items:center;gap:var(--space-sm);margin-bottom:0;display:flex;& .icon{background:var(--white-color);border-radius:var(--radius-sm);padding:.3rem}& h4{color:var(--primary-color);font-size:var(--md-size)}}& .link{color:var(--primary-color);font-size:var(--md-size);font-family:Medium,"sans-serif";text-decoration:underline;&.disabled{pointer-events:none;opacity:.5;cursor:not-allowed}}}}& .study-body{border-radius:var(--radius-sm);width:100%;margin-top:var(--space-md);padding:calc(var(--space-xs) - 3px)!important;& .content{align-items:center;gap:var(--space-md);display:flex;@media screen and (width<=768px){flex-wrap:wrap}& .text{flex-direction:column;width:100%;display:flex;& p{color:#546881;font-size:var(--sim-md-size);font-family:Medium,sans-serif}}}& .btn{width:100%;margin-top:var(--space-sm)}}& .project-prepare{margin-top:var(--space-xl);background:var(--white-color);padding:var(--space-sm);border-radius:var(--radius-sm);& .project-prepare-header{border-radius:var(--radius-sm);padding:var(--space-sm) var(--space-md);background:#1e3a8e1a;justify-content:space-between;align-items:center;display:flex;& .title{align-items:center;gap:var(--space-sm);margin-bottom:0;display:flex;& .icon{background:var(--white-color);border-radius:var(--radius-sm);padding:.3rem}& h4{color:var(--primary-color);font-size:var(--md-size)}}& .link{color:var(--primary-color);font-size:var(--md-size);font-family:Medium,"sans-serif";text-decoration:underline}}& .btn{width:100%;margin-top:var(--space-sm)}& .project-prepare-body{border-radius:var(--radius-sm);width:100%;margin-top:var(--space-md);border:1px solid #1e3a8e0f;padding:calc(var(--space-xs) - 3px)!important;background:#1e3a8e0f!important;& .card{border-radius:var(--radius-sm);background:var(--white-color);border:1px solid #1e3a8e0f;& .card-body{background:var(--white-color);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-sm);& .items{gap:var(--space-md);grid-template-columns:repeat(3,1fr);display:grid;@media screen and (width<=900px){grid-template-columns:repeat(2,1fr)}@media screen and (width<=768px){grid-template-columns:repeat(1,1fr)}& .item{align-items:center;gap:var(--space-xs);display:flex;& .item-key{color:var(--dark-color);font-size:var(--md-size);font-family:Medium,"sans-serif"}& .item-value{color:#47586e;font-size:var(--md-size);font-family:Medium,"sans-serif"}}}}}}}& .project-plan{margin-top:var(--space-xl);background:var(--white-color);padding:var(--space-sm);border-radius:var(--radius-sm);& .project-plan-header{border-radius:var(--radius-sm);padding:var(--space-sm) var(--space-md);background:#1e3a8e1a;justify-content:space-between;align-items:center;display:flex;& .title{align-items:center;gap:var(--space-sm);margin-bottom:0;display:flex;& .icon{background:var(--white-color);border-radius:var(--radius-sm);padding:.3rem}& h4{color:var(--primary-color);font-size:var(--md-size)}}& .link{color:var(--primary-color);font-size:var(--md-size);font-family:Medium,"sans-serif";text-decoration:underline}}& .btn{width:100%;margin-top:var(--space-sm)}& .project-plan-body{border-radius:var(--radius-sm);width:100%;margin-top:var(--space-md);border:1px solid #1e3a8e0f;padding:calc(var(--space-xs) - 3px)!important;background:#1e3a8e0f!important;& .card{border-radius:var(--radius-sm);background:var(--white-color);border:1px solid #1e3a8e0f;& .card-body{background:var(--white-color);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-sm);& .items{gap:var(--space-md);grid-template-columns:repeat(3,1fr);display:grid;@media screen and (width<=900px){grid-template-columns:repeat(2,1fr)}@media screen and (width<=768px){grid-template-columns:repeat(1,1fr)}& .item{align-items:center;gap:var(--space-xs);display:flex;& .item-key{color:var(--dark-color);font-size:var(--md-size);font-family:Medium,"sans-serif"}& .item-value{color:#47586e;font-size:var(--md-size);font-family:Medium,"sans-serif"}}}}}}}}.project-info-body,.task-card-body,.task-card-footer{gap:var(--space-md);grid-template-columns:repeat(3,1fr);display:grid;@media screen and (width<=900px){grid-template-columns:repeat(2,1fr)}@media screen and (width<=768px){grid-template-columns:repeat(1,1fr)}& .item{align-items:center;gap:var(--space-sm);display:flex;& .item-key{color:var(--dark-color);font-size:var(--md-size);font-family:Medium,"sans-serif"}& .item-value{color:#47586e;font-size:var(--md-size);font-family:Medium,"sans-serif"}& .cost{color:var(--primary-color);font-family:bold,sans-serif}}}.history-dialog-container{max-height:70vh;padding:1rem;overflow-y:auto}.chat-timeline{flex-direction:column;gap:1.5rem;width:100%;display:flex}.client-reply-wrapper{justify-content:flex-start;width:100%;margin-bottom:1rem;display:flex}.client-reply-container{width:45%;max-width:85%}.client-reply-card{background:linear-gradient(135deg,#f3f4f6 0%,#e5e7eb 100%);border:1px solid #d1d5db;border-radius:18px 18px 18px 4px;padding:1rem 1.25rem}.client-reply-description{color:#374151;word-wrap:break-word;margin-bottom:.75rem;font-size:15px;line-height:1.6}.client-reply-footer{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-top:.75rem;display:flex}.client-reply-date{color:#6b7280;white-space:nowrap;font-size:13px}.employee-reply-wrapper{justify-content:flex-end;width:100%;margin-bottom:1rem;display:flex}.employee-reply-container{width:45%;max-width:85%}.employee-reply-card{background:linear-gradient(135deg,#ecfdf5 0%,#d1fae5 100%);border:1px solid #a7f3d0;border-radius:18px 18px 4px;padding:1rem 1.25rem}.employee-reply-description{color:#065f46;word-wrap:break-word;margin-bottom:.75rem;font-size:15px;line-height:1.6}.employee-reply-footer{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-top:.75rem;display:flex}.employee-reply-date{color:#059669;white-space:nowrap;font-size:13px}.reply-images-container{justify-content:flex-end;align-items:center;gap:.5rem;display:flex}.reply-imgs{cursor:pointer;justify-content:center;align-items:center;height:45px;display:flex;position:relative}.reply-imgs img{-o-object-fit:cover;object-fit:cover;background-color:#fff;border:2px solid #fff;border-radius:8px;width:40px;height:40px;margin-left:-8px;transition:all .3s;box-shadow:0 2px 4px #0000001a}.reply-imgs img:first-child{margin-left:0}.reply-imgs img:hover{z-index:10;transform:scale(1.15)translateY(-2px);box-shadow:0 4px 12px #0003}.images-count-badge{color:#fff;background:#3b82f6;border-radius:12px;justify-content:center;align-items:center;min-width:24px;height:24px;margin-left:4px;padding:0 6px;font-size:11px;font-weight:600;display:flex}@media screen and (width<=1024px){.client-reply-container,.employee-reply-container{max-width:80%}.client-reply-card,.employee-reply-card{padding:.875rem 1rem}.client-reply-description,.employee-reply-description{font-size:14px}}@media screen and (width<=768px){.history-dialog-container{padding:.75rem}.chat-timeline{gap:1rem}.client-reply-container,.employee-reply-container{max-width:85%}.client-reply-footer,.employee-reply-footer{flex-direction:column;align-items:flex-start;gap:.5rem}.reply-images-container{align-self:flex-start}.reply-imgs img{width:36px;height:36px}}@media screen and (width<=575px){.history-dialog-container{max-height:65vh;padding:.5rem}.chat-timeline{gap:.75rem}.client-reply-container,.employee-reply-container{max-width:90%}.client-reply-card,.employee-reply-card{border-radius:14px 14px 14px 4px;padding:.75rem .875rem}.employee-reply-card{border-radius:14px 14px 4px}.client-reply-description,.employee-reply-description{margin-bottom:.5rem;font-size:13px}.client-reply-date,.employee-reply-date{font-size:12px}.reply-imgs{height:40px}.reply-imgs img{width:32px;height:32px;margin-left:-6px}.images-count-badge{min-width:20px;height:20px;font-size:10px}}@media screen and (width<=400px){.client-reply-container,.employee-reply-container{max-width:95%}.client-reply-card,.employee-reply-card{padding:.625rem .75rem}}.empty-history-state{text-align:center;color:#9ca3af;flex-direction:column;justify-content:center;align-items:center;padding:3rem 1rem;display:flex}.empty-history-state svg{opacity:.5;width:64px;height:64px;margin-bottom:1rem}.empty-history-state p{margin:0;font-size:15px}.loading-skeleton{flex-direction:column;gap:1rem;padding:1rem;display:flex}.skeleton-item{background:linear-gradient(90deg,#f3f4f6 25%,#e5e7eb 50%,#f3f4f6 75%) 0 0/200% 100%;border-radius:12px;height:80px;animation:1.5s ease-in-out infinite loading}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}.history-dialog-container::-webkit-scrollbar{width:6px}.history-dialog-container::-webkit-scrollbar-track{background:#f3f4f6;border-radius:10px}.history-dialog-container::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:10px}.history-dialog-container::-webkit-scrollbar-thumb:hover{background:#9ca3af}.input-checkbox-wrapper{justify-content:start;gap:var(--space-sm);flex-direction:row-reverse;margin-inline-end:var(--space-3xl);display:flex;position:relative;& .input-label{cursor:pointer;gap:var(--space-sm);align-items:center;margin-bottom:0;display:flex}& input[type=checkbox],& input[type=radio]{opacity:0;width:0;height:0;position:absolute}& .input-label:before{content:"";width:var(--checkbox-size);height:var(--checkbox-size);border:2px solid var(--line-color);background-color:#fff;border-radius:6px;transition:background-color .3s,border-color .3s;display:inline-block}& input[type=checkbox]:checked+.input-label:before,& input[type=radio]:checked+.input-label:before{background-color:var(--primary-color);border-color:1px solid var(--primary-color)}& input[type=checkbox]:checked+.input-label:after,& input[type=radio]:checked+.input-label:after{content:"✓";left:calc(var(--space-sm) + -3px);top:calc(-1 * var(--space-sm) + 14px);color:#fff;font-size:calc(var(--checkbox-size) / 2);position:absolute}& input[type=checkbox]:disabled+.input-label,& input[type=radio]:disabled+.input-label{opacity:.5;cursor:not-allowed}}.input-toggle-wrapper{justify-content:start;align-items:center;gap:var(--space-sm);flex-direction:row-reverse;display:flex;& .input-label{margin-bottom:0;font-family:regular,sans-serif}& .toggle_switch{width:var(--3xl-size);height:var(--lg-size);display:flex;position:relative;& input{opacity:0;width:0;height:0;&:checked+.slider{background-color:var(--primary-color)}&:focus+.slider{box-shadow:0 0 1px var(--primary-color)}&:checked+.slider:before{transform:translateX(var(--space-lg))}}& .slider{cursor:pointer;background-color:#ccc;transition:all .4s;position:absolute;inset:0;&.round{border-radius:var(--radius-xl);&:before{border-radius:50%}}&:before{content:"";height:var(--md-size);width:var(--md-size);background-color:#fff;transition:all .4s;position:absolute;bottom:4px;left:4px}}}}.switch{width:48px;height:27px;display:inline-block;position:relative}.switch input{opacity:0;width:0;height:0}.slider{cursor:pointer;background-color:#ccc;transition:all .4s;position:absolute;inset:0}.slider:before{content:"";background-color:#fff;width:21px;height:21px;transition:all .4s;position:absolute;bottom:3px;left:3px}input:checked+.slider{background-color:var(--primary-color)}input:focus+.slider{box-shadow:0 0 1px var(--primary-color)}input:checked+.slider:before{transform:translate(21px)}.slider.round{border-radius:27px}.slider.round:before{border-radius:50%}.input-wrapper{flex-direction:column;display:flex;position:relative;& .input-label{color:var(--primary-color);margin-bottom:var(--space-xs) / 2;text-transform:capitalize;font-family:regular,sans-serif;font-size:.9rem;&.required{&:after{content:"*";color:var(--danger-color)}}}& .input{padding:calc(10 / var(--base-height) * 100vh);background-color:var(--background-input-color);border-radius:var(--radius-sm);border:1px solid var(--border-input-color);transition:all var(--transition-sm) ease-in-out;text-transform:lowercase;width:100%;&:focus{outline:none}&::placeholder{color:var(--text-color-3);font-family:regular,sans-serif;font-size:.8rem}&:disabled{cursor:not-allowed;filter:brightness(.9)}}& .input-icon{position:relative;& .icon{padding-inline-start:calc(10 / var(--base-height) * 100vh);position:absolute;top:50%;right:9px;transform:translateY(-50%);&:after{content:"";top:calc(-10 / var(--base-height) * 100vh);width:0;height:calc(100% + calc(20 / var(--base-height) * 100vh));z-index:-1;background-color:#fff;border:1px dashed #939393;position:absolute;left:0}&.no-after{width:fit-content;&:after{display:none}}}}}html[dir=rtl]{& .input-icon{& .icon{right:unset;left:9px}}}.ql-editor{&>*{text-transform:lowercase!important}}.input-image{flex-direction:column;gap:1rem;display:flex;& .input-label{color:var(--primary-color);margin-bottom:var(--space-xs) / 2;cursor:pointer;font-family:medium,sans-serif;font-size:.9rem;display:block}& .input-label-images{justify-content:center;align-items:center;gap:var(--space-sm);cursor:pointer;background-color:var(--background-input-color);border-radius:var(--radius-sm);padding:calc(10 / var(--base-height) * 100vh);transition:all var(--transition-sm) ease-in-out;border:1px solid #b2bbc633;flex-direction:column;width:100%;display:flex;& span{color:#576b74;font-family:regular,sans-serif;font-size:var(--sm-size);& small{margin-top:var(--space-sm);color:var(--text-color-2);display:block}}}& .image{border-radius:var(--radius-sm);justify-content:center;align-items:center;width:200px;height:120px;display:flex;overflow:hidden;& img{width:100%}}& input[type=file]{display:none}}.input-search{position:relative;@media (width<=768px){margin:1rem 0}& img{position:absolute;top:50%;left:9px;transform:translateY(-50%)}& .icon-remove{cursor:pointer;position:absolute;top:50%;right:9px;transform:translateY(-50%)}& .input{padding:var(--space-md);border-radius:var(--radius-sm);transition:all var(--transition-sm) ease-in-out;background-color:#0000;border:1px solid #dde2ed;width:100%;padding-inline:2rem;&:focus{outline:none}}}.multi-image-uploader{&:has(.disabled){opacity:.7;cursor:not-allowed;& .disabled-label,& .disabled{opacity:.7;cursor:not-allowed}}& .image-gallery{overflow-wrap:anywhere;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:1rem;margin-block:2rem;display:grid;& .image-item{border-radius:var(--radius-sm);width:100%;padding:var(--space-md);background-color:#fafafa;flex-direction:column;justify-content:space-around;align-items:center;display:flex;position:relative;overflow:hidden;& img{-o-object-fit:contain;object-fit:contain;width:100%;height:100%}& .remove-btn{color:var(--danger-color);cursor:pointer;background-color:#fff;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;display:flex;position:absolute;top:0;right:0}}}}.input-select{border:none!important;& .p-select-label,& .p-multiselect-label{padding:calc(10 / var(--base-height) * 100vh);background-color:var(--background-input-color);border:1px solid var(--border-input-color);transition:all var(--transition-sm) ease-in-out;border-radius:var(--radius-sm) 0 0 var(--radius-sm);width:100%}& .p-select-dropdown,& .p-multiselect-dropdown{padding:calc(10 / var(--base-height) * 100vh);background-color:var(--background-input-color);border:1px solid var(--border-input-color);transition:all var(--transition-sm) ease-in-out}}.p-select{border-radius:var(--radius-sm)!important}.p-select-dropdown,.p-multiselect-dropdown{border-radius:0 var(--radius-sm) var(--radius-sm) 0!important}.p-datepicker{border:none!important;& .p-inputtext{padding:calc(10 / var(--base-height) * 100vh);background-color:var(--background-input-color);transition:all var(--transition-sm) ease-in-out;border-radius:var(--radius-sm);border:1px solid var(--border-input-color)!important;width:100%!important}}.p-datepicker-today>.p-datepicker-day-selected{background-color:var(--primary-color)!important}.p-datepicker-day.p-datepicker-day-selected-range{background-color:var(--primary-color-opacity-1);color:var(--primary-color)}.p-datepicker-day.p-datepicker-day-selected{background-color:var(--primary-color)!important}.input-image-user{align-items:start;gap:var(--space-md);flex-direction:column;display:flex;& input[type=file]{display:none}& .preview-img,& .input-label .image img{width:calc(100 / var(--base-height) * 100vh);height:calc(100 / var(--base-height) * 100vh);border-radius:50%}& .actions{align-items:center;gap:var(--space-sm);display:flex}& p{font-family:regular,sans-serif;font-size:var(--sm-size);color:#576b74;margin-top:var(--space-md)}}form{& .form-title{color:var(--text-color-2);margin-bottom:var(--space-sm);font-family:bold,sans-serif;font-size:1rem}& .form-sub-title{color:var(--text-color-2);font-family:bold,sans-serif;font-size:.8rem}}.input-list{gap:var(--space-sm);margin-bottom:var(--space-md);align-items:center;display:flex}.p-multiselect{border-radius:var(--radius-sm)!important;& .p-multiselect-label-container{border-radius:var(--radius-sm) 0 0 var(--radius-sm);& .p-multiselect-label{border-radius:var(--radius-sm) 0 0 var(--radius-sm)}}}.p-checkbox-checked .p-checkbox-box{border-color:var(--primary-color)!important;background-color:var(--primary-color)!important}.p-multiselect.p-inputwrapper-filled{padding:calc(3 / var(--base-height) * 100vh);transition:all var(--transition-sm) ease-in-out;background-color:var(--input-bg)!important}.p-multiselect-chip{border-radius:var(--radius-sm);font-family:medium,sans-serif;font-size:.9rem;background-color:var(--primary-color)!important;color:#fff!important;& .p-chip-label{border-inline-end:1px solid #fff;padding-inline-end:var(--space-sm)}& svg{& path{fill:#fff!important}}}.p-inputtext{border:none!important}.unit-measure{align-items:center;display:flex;& .input-wrapper:first-child{& .input{border-inline-end:1px dashed var(--border-color);border-start-end-radius:0;border-end-end-radius:0}}& .input-wrapper:last-child{& .p-select-label{border-start-start-radius:0;border-end-start-radius:0}}}.radio-wrapper{align-items:center;gap:var(--space-sm);display:flex;& label{font-family:regular,sans-serif;font-size:var(--sm-size);margin-bottom:0}& input{accent-color:var(--primary-color);cursor:pointer;width:var(--checkbox-size);height:var(--checkbox-size)}}.input-icon{flex-direction:column;display:flex;position:relative;& .icon{padding-inline-start:calc(10 / var(--base-height) * 100vh);position:absolute;top:50%;left:9px;transform:translateY(-50%)}& .input{padding:calc(10 / var(--base-height) * 100vh);background-color:var(--background-input-color);border-radius:var(--radius-sm);border:1px solid var(--border-input-color);transition:all var(--transition-sm) ease-in-out;width:100%;padding-inline-start:calc(50 / var(--base-height) * 100vh);&:focus{outline:none}&::placeholder{color:var(--text-color-3);font-family:regular,sans-serif;font-size:.8rem}&:disabled{cursor:not-allowed;filter:brightness(.9)}}}.project-search{& .initial-page{& .search-bar{justify-content:space-between;align-items:center;gap:12px;display:flex;& .search-button{color:#fff;background:#1e3a8e;border-radius:36px;align-self:flex-end;min-width:180px;padding:10px 16px;font-family:Bold;font-size:16px}}& .search-bar .input-wrapper{flex:1;gap:6px;& label{font-family:Bold;color:#000!important}& .input{border:none;border-radius:22px;padding-inline:12px}}& .initial-content{flex-direction:column;justify-content:center;align-items:center;gap:24px;display:flex;transform:translateY(40%);& .text{flex-direction:column;gap:16px;width:50%;display:flex;& h4{text-align:center;font-family:Bold;font-size:20px}& p{color:#9ca3af;text-align:center;font-size:16px}}& .img{max-width:500px}}}& .project-info-card{background:#fff9;border-radius:26px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;width:100%;padding:16px;display:flex;@media (width<=1100px){justify-content:center;gap:22px}& .info-box-part{& .all-status{flex-direction:column;flex:1;gap:14px;display:flex;& .title-row{flex-direction:column;align-items:start;gap:4px;display:flex;& h6{color:#eabc31;align-items:center;gap:4px;font-family:Bold;display:flex;& span{color:#909dad;font-family:Regular}}& .project-name{flex-direction:column;gap:4px;display:flex;& h2{color:#3c58ac;font-family:Bold;font-size:26px}& span.location{color:#c59f6b;align-items:center;gap:4px;font-family:Bold;font-size:16px;display:flex}}}& .project-grids{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px;display:grid;& .small-card{gap:4px;display:flex;& span{color:#909dad;font-family:Regular;font-size:16px}& p{color:#47586e;font-family:Bold;font-size:16px}}}}}}& .scheduled-plan{background:#fff;border-radius:16px;justify-content:space-between;align-items:center;width:100%;margin-bottom:1rem;padding:10px;display:flex;& .p-accordioncontent{width:100%}& .permits{flex-direction:column;gap:10px;width:100%;display:flex;& .permit{flex-flow:wrap;flex:1;align-items:center;gap:4px;width:100%;display:flex;& .permit-title{color:#000;font-family:Bold;font-size:16px}& .permit-description{color:#909dad;font-family:Regular;font-size:16px}& .permit-symbol{color:#000;font-family:Bold;font-size:16px;font-weight:700}& .permit-department,& .permit-project{color:#909dad;font-family:Regular;font-size:16px}& .permit-duration{color:#000;font-family:Bold;font-size:16px;font-weight:700}}}& .p-accordionheader{width:100%;padding:0}& .scheduled-plan-header{background-color:#f9f9f9;border-radius:16px;justify-content:space-between;align-items:center;gap:1rem;width:100%;padding:10px;display:flex;&>img{width:38px;height:38px;&.rotate-180{transform:rotate(180deg)}}}@media (width<=786px){flex-wrap:wrap;justify-content:center;gap:22px}& .info{flex-direction:column;align-items:start;gap:4px;display:flex;& h2.title{color:#282828;font-family:Bold;font-size:20px}& .permit-details{grid-template-columns:repeat(6,auto);gap:24px;display:grid;@media (width<=786px){grid-template-columns:1fr;gap:22px}& .permit{flex-wrap:wrap;align-items:center;gap:2px;display:flex;@media (width<=786px){grid-template-columns:1fr;gap:4px}& span{color:#282828}& h5{color:#a5aab9}& span,& h5{font-family:Bold;font-size:14px}}}}}}.client-permit-row{background:#f9f9f9;border-radius:16px;justify-content:space-between;align-items:center;padding:10px;display:flex;@media (width<=786px){flex-wrap:wrap;justify-content:center;gap:22px}& .info{flex-direction:column;align-items:start;gap:4px;display:flex;& h2.title{color:#282828;font-family:Bold;font-size:20px}& .permit-details{grid-template-columns:repeat(6,auto);gap:24px;display:grid;@media (width<=786px){grid-template-columns:1fr;gap:22px}& .permit{flex-wrap:wrap;align-items:center;gap:2px;display:flex;@media (width<=786px){grid-template-columns:1fr;gap:4px}& span{color:#282828}& h5{color:#a5aab9}& span,& h5{font-family:Bold;font-size:14px}}}}}.cPermits-card{margin-top:calc(var(--md-size) + var(--sm-size));background:#ffffffe5;border:1px solid #fff;border-radius:26px;flex-direction:column;gap:12px;padding:16px;transition:transform .8s ease-in-out,box-shadow .25s,background .25s;display:flex;&:has(input:checked){opacity:.8}}.cPermits-card:hover{background:#fff;transform:translateY(-3px);box-shadow:0 12px 30px #1e3a8e1f}@media (hover:none){.permits-card:hover{box-shadow:none;transform:none}}.box-grid-system{background:#fff;border-bottom:1px dashed #b2bbc633;grid-template-columns:repeat(auto-fill,minmax(185px,1fr));gap:18px;padding:10px 0 18px;display:grid;& .box{border-radius:21px;flex-direction:column;justify-content:center;align-items:center;padding:12px 16px;transition:all .6s ease-in-out;display:flex;& input[type=checkbox]{display:none}& h4{font-family:Regular;font-size:14px}& span{font-family:Bold;font-size:20px}}}.box-grid-system .box.inprogress{color:#1e3a8e;background:#1e3a8e08;&:has(input:checked){background:#1e3a8e1a;border:2px solid #1e3a8e;box-shadow:0 4px 10px #1e3a8e33}}.box-grid-system .box.pending{color:#dfb126;background:#dfb12608;&:has(input:checked){background:#dfb1261a;border:2px solid #dfb126;box-shadow:0 4px 10px #dfb12633}}.box-grid-system .box.working{color:#1e3a8e;background:#1e3a8e08;&:has(input:checked){background:#1e3a8e1a;border:2px solid #1e3a8e;box-shadow:0 4px 10px #1e3a8e33}}.box-grid-system .box.approved{color:#72cf6a;background:#72cf6a08;&:has(input:checked){background:#72cf6a1a;border:2px solid #72cf6a;box-shadow:0 4px 10px #72cf6a33}}.box-grid-system .box.rejected{color:#d80027;background:#fcf6f7;&:has(input:checked){background:#fecaca;border:2px solid #ef4444;box-shadow:0 4px 10px #ef444433}}.box-grid-system .box:hover{transform:translateY(-2px);box-shadow:0 4px 10px #00000007}.arch-box{margin-top:calc(var(--md-size));background:#ffffffb2;border:1px solid #fafafa;border-radius:21px;padding:12px 34px 12px 16px;overflow:hidden}.arch-box .details{flex-direction:column;gap:12px;display:flex;position:relative}.arch-box .details:before,.arch-box .details:after{content:"";filter:blur(40px);z-index:0;position:absolute}.arch-box .details:before{background:#c0b5364a;border-radius:50%;width:80px;height:80%;top:-20px;left:-20px}.arch-box .details:after{background:#adc4eb7c;border-radius:50%;width:80px;height:100%;top:0;right:-50px}.arch-box .details h2.title{color:#1d242d;z-index:100;font-family:Bold;font-size:18px;text-decoration:underline;position:relative;& span.desc{color:#546881;font-family:Regular;font-size:14px;text-decoration:none!important}}.arch-box .details .details-arch-grid{z-index:1;grid-template-columns:repeat(auto-fill,minmax(115px,1fr));gap:80px;display:grid;position:relative;@media (width<=992px){gap:20px}}.arch-box .details .details-arch-grid .arch{flex-direction:column;width:100%;display:flex}.arch-box .details .details-arch-grid .arch h4{color:#9ca3af;font-family:Regular;font-size:16px}.arch-box .details .details-arch-grid .arch p{color:#1e3a8e;font-family:Bold;font-size:16px}.list-trigger{background-color:var(--table-header-bg);cursor:pointer;border-radius:.5rem;justify-content:center;align-items:center;width:30px;height:30px;display:flex}.p-popover:after,.p-popover:before{display:none}.p-popover{& .p-popover-content{padding:0 var(--space-md)}}.list-body{border-radius:var(--radius-sm);background-color:#fff;font-family:medium,sans-serif;& .p-popover{& .p-popover-content{padding:0}}& .list-item{margin-bottom:var(--space-sm);margin-top:var(--space-sm);transition:ease-in-out all var(--transition-sm);cursor:pointer;padding:0 var(--space-sm);align-items:center;gap:.5rem;display:flex;& button{align-items:center;gap:8px;width:100%;display:flex}&:hover{color:var(--primary-color);& svg:not(.list-danger){filter:brightness(0)saturate()invert(16%)sepia(97%)saturate(1123%)hue-rotate(209deg)brightness(112%)contrast(107%)}}&.list-danger{color:var(--danger-color)}}}.table-responsive:not(.p-datepicker-day-view){-webkit-overflow-scrolling:touch;border-radius:12px;overflow-x:auto;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;@media (width<=1100px){& table{& tbody{& tr{&:nth-child(2n){background-color:var(--primary-color-opacity-1)}}}}}& table.main-table{border-collapse:separate;border-spacing:0;background-color:#fff;width:100%;overflow:hidden;& thead{background:linear-gradient(135deg, var(--table-header-bg) 0%, var(--primary-color-opacity-1) 100%);font-family:bold,sans-serif;font-size:.85rem;position:relative;&:after{content:"";background:linear-gradient(90deg, transparent, var(--primary-color), transparent);height:2px;position:absolute;bottom:0;left:0;right:0}& tr{& th{padding:var(--space-md) var(--space-lg);text-align:start;color:#1a202c;text-transform:uppercase;letter-spacing:.5px;border-bottom:2px solid #0000000d;font-size:.85rem;font-weight:700;transition:all .3s;position:relative;&:first-child{border-top-left-radius:12px}&:last-child{border-top-right-radius:12px}&:before{content:"";background:var(--primary-color);width:3px;height:0;transition:height .3s;position:absolute;top:50%;left:0;transform:translateY(-50%)}&:hover:before{height:60%}}}}& tbody{font-family:medium,sans-serif;& tr{border:none;font-size:1rem;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;& td{&>*{cursor:pointer;align-items:center;gap:.25rem;display:flex}& a{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}}&:after{content:"";background:linear-gradient(90deg,#0000,#e5e7eb 20% 80%,#0000);width:100%;height:1px;position:absolute;bottom:0;left:0}&:hover{background-color:#f9fafb;transform:translateY(-2px);box-shadow:0 4px 12px #00000014;& td{&>*{cursor:pointer;align-items:center;gap:.25rem;display:flex}@media (width>=768px){&:first-child{&:before{opacity:1}}}@media (width<=768px){&:before{opacity:1}}}}&:last-child{& td{&:first-child{border-bottom-left-radius:12px}&:last-child{border-bottom-right-radius:12px}}}& td{padding:var(--space-md) var(--space-lg);color:#4b5563;vertical-align:middle;font-size:.875rem;font-weight:500;position:relative;@media screen and (width>=1100px){&:before{content:"";background:var(--primary-color);opacity:0;width:3px;transition:opacity .3s;position:absolute;top:0;bottom:0;left:0}}& img{-o-object-fit:cover;object-fit:cover;border:2px solid #e5e7eb;border-radius:50%;width:40px;height:40px;transition:all .3s;box-shadow:0 2px 4px #0000001a;&:hover{border-color:var(--primary-color);transform:scale(1.1);box-shadow:0 4px 8px #00000026}}& .badge,& .status-badge{border-radius:9999px;align-items:center;gap:.25rem;padding:.25rem .75rem;font-size:.75rem;font-weight:600;transition:all .3s;display:inline-flex;&:hover{transform:translateY(-1px);box-shadow:0 2px 6px #00000026}}& .action-btn{border-radius:8px;transition:all .2s;&:hover{transform:translateY(-2px);box-shadow:0 4px 8px #00000026}&:active{transform:translateY(0)}}}}}&.loading{& tbody tr td{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%) 0 0/200% 100%;animation:1.5s infinite shimmer}}}&::-webkit-scrollbar{height:8px}&::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}&::-webkit-scrollbar-thumb{background:linear-gradient(135deg, var(--primary-color), var(--primary-color-opacity-1));border-radius:10px;transition:background .3s;&:hover{background:var(--dark-color)}}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@media screen and (width<=1100px){.table-responsive{& table:not(.p-datepicker-day-view){border:0}& table:not(.p-datepicker-day-view) caption{font-size:1.3em}& table:not(.p-datepicker-day-view) thead{clip:rect(0 0 0 0);border:none;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}& table:not(.p-datepicker-day-view) tr{border-bottom:3px solid #ddd;display:block;& td{&:last-of-type{justify-content:space-between!important}}}& table:not(.p-datepicker-day-view) td{text-align:right;-webkit-line-clamp:1;justify-content:space-between;align-items:center;gap:var(--space-sm);text-overflow:ellipsis;height:calc(var(--line-height) * 1em);font-size:.8em;line-height:var(--line-height);--line-height:4;border-bottom:1px solid #ddd;-webkit-box-orient:vertical;display:flex;overflow:hidden;&.line-height-responsive{-webkit-line-clamp:2;height:calc(var(--line-height) * 1.3em);line-height:2}}& table:not(.p-datepicker-day-view) td:before{content:attr(data-label);text-transform:capitalize;text-align:start;width:35%;font-weight:700;line-height:1}& table:not(.p-datepicker-day-view) td:last-child{border-bottom:0;@media (width<=768px){justify-content:space-between!important}}& table:not(.p-datepicker-day-view) .actions-table-responsive{& a{padding:var(--space-sm);gap:3px;font-size:.6rem;line-height:1;& svg{width:20px;height:20px}& span{width:90%}}}& thead{display:none}}}.lang{position:relative;& .drop-list{z-index:1;background-color:#fff;border:1px solid #e6e6e6;border-radius:0 0 5px 5px;display:none;position:absolute;top:100%;left:0;& .drop-list-item{padding:var(--space-sm);color:#000;cursor:pointer;border-bottom:1px solid #e6e6e6;align-items:center;gap:.5rem;font-family:bold,sans-serif;display:flex;& svg{width:16px;height:16px}&:hover{color:var(--primary-color);background-color:var(--primary-color-rgba)}&:last-child{border-bottom:none}}}&:hover .drop-list{display:block}}.counter-wrapper{align-items:end;gap:var(--space-sm);display:flex;& .counter{background-color:var(--primary-color);border-radius:.2rem;justify-content:center;align-items:center;font-family:bold,sans-serif;font-size:.8rem;display:flex;& input{width:calc(50 / var(--base-height) * 100vh);text-align:center;padding:calc(10 / var(--base-height) * 100vh);background-color:#fff;border:1px solid #e4e4e4;outline:none}& .counter-arrow{width:calc(35 / var(--base-height) * 100vh);height:calc(35 / var(--base-height) * 100vh);cursor:pointer;padding:calc(10 / var(--base-height) * 100vh);justify-content:center;align-items:center;display:flex}}}.title{margin-bottom:var(--space-sm);font-family:bold,sans-serif;font-size:1rem}.form-title-2{color:var(--primary-color);margin-bottom:var(--space-sm);font-family:regular,sans-serif;font-size:1rem}@media screen and (width<=1100px){.table-responsive{& table:not(.p-datepicker-day-view){border:0}& table:not(.p-datepicker-day-view) caption{font-size:1.3em}& table:not(.p-datepicker-day-view) thead{clip:rect(0 0 0 0);border:none;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}& table:not(.p-datepicker-day-view) tr{border-bottom:3px solid #ddd;display:block;& td{&:last-of-type{justify-content:space-between!important}}}& table:not(.p-datepicker-day-view) td{text-align:right;-webkit-line-clamp:1;justify-content:space-between;align-items:center;gap:var(--space-sm);text-overflow:ellipsis;height:calc(var(--line-height) * 1em);font-size:.8em;line-height:var(--line-height);--line-height:4;border-bottom:1px solid #ddd;-webkit-box-orient:vertical;display:flex;overflow:hidden;&.line-height-responsive{-webkit-line-clamp:2;height:calc(var(--line-height) * 1.3em);line-height:2}}& table:not(.p-datepicker-day-view) td:before{content:attr(data-label);text-transform:capitalize;text-align:start;width:35%;font-weight:700;line-height:1}& table:not(.p-datepicker-day-view) td:last-child{border-bottom:0;@media (width<=768px){justify-content:space-between!important}}& table:not(.p-datepicker-day-view) .actions-table-responsive{& a{padding:var(--space-sm);gap:3px;font-size:.6rem;line-height:1;& svg{width:20px;height:20px}& span{width:90%}}}}}.pagination-wrapper{justify-content:space-between;align-items:center;gap:var(--space-md);margin:var(--space-md) 0;display:flex;@media (width<=768px){flex-direction:column;align-items:start}& .show-results,& .count-per-page{font-family:Tajawal-regular,sans-serif;font-size:var(--md-size);color:var(--text-color-4);@media (width<=768px){font-size:.9rem}}& .pagination{justify-content:flex-end;align-items:center;gap:var(--space-sm);display:flex;& .pagination-item{font-family:Tajawal-regular,sans-serif;font-size:var(--md-size);color:var(--text-color-4);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-sm);cursor:pointer;&.active{color:var(--text-pagination);background-color:var(--pagination-color)}}& .count-per-page-select{padding:var(--space-sm) var(--space-md);background-color:var(--pagination-color);border-radius:var(--radius-sm);border:1px solid var(--border-color);font-family:Tajawal-regular,sans-serif;font-size:var(--md-size);color:var(--text-color-4)}}& .count-per-page{align-items:center;gap:var(--space-sm);display:flex}& .pagination-btn{align-items:center;gap:var(--space-sm);font-family:Tajawal-regular,sans-serif;font-size:var(--md-size);padding:var(--space-sm) var(--space-md);color:var(--text-pagination);background-color:var(--pagination-color);border-radius:var(--radius-sm);cursor:pointer;display:flex;@media (width<=768px){font-size:.8rem}}}.p-popover-content{padding:0!important}.per-page{align-items:center;gap:var(--space-sm);flex-direction:column;display:flex;& span{padding:var(--space-sm) var(--space-lg);font-family:Tajawal-regular,sans-serif;font-size:var(--md-size);color:var(--text-color-4);cursor:pointer;&:hover{color:var(--text-pagination);background-color:var(--pagination-color)}}}.data-empty{justify-content:center;align-items:center;gap:var(--space-md);padding:var(--space-lg);flex-direction:column;display:flex;& h2{font-family:Montserrat-Arabic ExtraBold,sans-serif;font-size:var(--lg-size)}& p{font-family:Montserrat-Arabic Regular,sans-serif;font-size:var(--sm-size);color:var(--text-color-2);text-align:center;width:30%;@media (width<=768px){width:100%}}}[tooltip]{position:relative}[tooltip]:before,[tooltip]:after{text-transform:none;user-select:none;pointer-events:none;opacity:0;font-size:.9em;line-height:1;display:none;position:absolute}[tooltip]:before{content:"";z-index:1001;border:5px solid #0000}[tooltip]:after{content:attr(tooltip);text-align:center;white-space:nowrap;text-overflow:ellipsis;color:#fff;z-index:1000;background:#333;border-radius:.3ch;min-width:3em;max-width:min-content;padding:1ch 1.5ch;font-family:regular,sans-serif;font-size:.7rem;overflow:hidden;box-shadow:0 1em 2em -.5em #00000059}[tooltip]:hover:before,[tooltip]:hover:after{display:block}[tooltip=""]:before,[tooltip=""]:after{display:none!important}[tooltip]:not([flow]):before,[tooltip][flow^=up]:before{border-top-color:#333;border-bottom-width:0;bottom:100%}[tooltip]:not([flow]):after,[tooltip][flow^=up]:after{bottom:calc(100% + 5px)}[tooltip]:not([flow]):before,[tooltip]:not([flow]):after,[tooltip][flow^=up]:before,[tooltip][flow^=up]:after{left:50%;transform:translate(-50%,-.5em)}[tooltip][flow^=down]:before{border-top-width:0;border-bottom-color:#333;top:100%}[tooltip][flow^=down]:after{top:calc(100% + 5px)}[tooltip][flow^=down]:before,[tooltip][flow^=down]:after{left:50%;transform:translate(-50%,.5em)}[tooltip][flow^=left]:before{border-left-color:#333;border-right-width:0;top:50%;left:-5px;transform:translate(-.5em,-50%)}[tooltip][flow^=left]:after{top:50%;right:calc(100% + 5px);transform:translate(-.5em,-50%)}[tooltip][flow^=right]:before{border-left-width:0;border-right-color:#333;top:50%;right:-5px;transform:translate(.5em,-50%)}[tooltip][flow^=right]:after{top:50%;left:calc(100% + 5px);transform:translate(.5em,-50%)}@keyframes tooltips-vert{to{opacity:.9;transform:translate(-50%)}}@keyframes tooltips-horz{to{opacity:.9;transform:translateY(-50%)}}[tooltip]:not([flow]):hover:before,[tooltip]:not([flow]):hover:after,[tooltip][flow^=up]:hover:before,[tooltip][flow^=up]:hover:after,[tooltip][flow^=down]:hover:before,[tooltip][flow^=down]:hover:after{animation:.3s ease-out forwards tooltips-vert}[tooltip][flow^=left]:hover:before,[tooltip][flow^=left]:hover:after,[tooltip][flow^=right]:hover:before,[tooltip][flow^=right]:hover:after{animation:.3s ease-out forwards tooltips-horz}.quick-search{color:#909dad;font-size:var(--sm-size);background-color:#fff;border-radius:1rem;align-items:center;gap:.5rem;padding:.5rem 1rem;display:flex;@media (width<=1100px){display:none}}.quick-search-mobile{@media (width<=1100px){justify-content:center;align-items:center;height:100%;display:flex;& svg{& path{stroke:var(--primary-color)}}}}.quick-search-dialog{width:820px;overflow:hidden;&:has(.w-full){width:100%}@media (width<=1100px){width:98%}& .input-quick-search{position:relative;& .input{border-bottom:2px solid #f6f6f6;width:100%;padding:.5rem 2rem;&:focus{outline:none}}& .icon{z-index:1;position:absolute;top:50%;left:.5rem;transform:translateY(-50%)}& .cancel{color:#850523;cursor:pointer;text-decoration:underline;position:absolute;top:50%;right:.5rem;transform:translateY(-50%)}}& .container-project{height:260px;overflow-y:scroll;&.w-full{width:100%}&::-webkit-scrollbar{width:7px}&::-webkit-scrollbar-track{box-shadow:inset 0 0 5px var(--primary-color-opacity-1);border-radius:10px}&::-webkit-scrollbar-thumb{background:var(--primary-color);border-radius:10px}&::-webkit-scrollbar-thumb:hover{background:var(--primary-color)}}& .project-card{cursor:pointer;border:1px solid #f6f6f6;border-radius:1rem;justify-content:space-between;align-items:center;margin:.5rem 0;padding:.5rem 1rem;transition:all .2s ease-in-out;display:flex;&:hover{background-color:#f6f6f6;transition:all .2s ease-in-out}& .status{@media (width<=1100px){font-size:var(--sm-size)}}& .info{flex-direction:column;gap:.5rem;display:flex;& .links{flex-wrap:wrap;gap:.5rem;display:flex}& .links a{color:#4b5563;white-space:nowrap;background-color:#fff;border:1px solid #e5e7eb;border-radius:.5rem;align-items:center;padding:.625rem 1.25rem;font-size:.875rem;font-weight:500;text-decoration:none;transition:all .2s;display:inline-flex}& .links a:hover{color:#1f2937;background-color:#f9fafb;border-color:#d1d5db;transform:translateY(-1px);box-shadow:0 2px 4px #0000000d}& .links a:active{transform:translateY(0)}& .links a.router-link-active,& .links a.router-link-exact-active{color:#fff;background-color:#3b82f6;border-color:#3b82f6}& .links a.router-link-active:hover,& .links a.router-link-exact-active:hover{background-color:#2563eb;border-color:#2563eb}@media (width<=640px){& .links{gap:.375rem}& .links a{padding:.5rem 1rem;font-size:.8125rem}}& span{font-family:medium,sans-serif;font-size:var(--sim-md-size);@media (width<=1100px){font-size:var(--md-size)}&:first-of-type{color:var(--primary-color)}&:last-of-type{color:#47586e}}& .project-code{color:#a3adbb;@media (width<=1100px){font-size:var(--sm-size)}}}}& .description{color:#3d4c5e;width:60%;margin-top:1rem;font-family:medium,sans-serif}& .no-search{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:2rem;display:flex}}.fade-slide-enter-active,.fade-slide-leave-active{transition:all .3s}.fade-slide-enter-from,.fade-slide-leave-to{opacity:0;transform:translateY(-10px)}.card-controls,.add-to-cart{vertical-align:middle;display:inline-block}.overlay{backdrop-filter:blur(12px);z-index:999;opacity:0;pointer-events:none;background:linear-gradient(135deg,#1e3a8e66 0%,#0009 100%);width:100vw;height:100vh;transition:opacity .4s cubic-bezier(.4,0,.2,1);position:fixed;top:0;left:0}.overlay.open{opacity:1;pointer-events:all}aside.sidebar{z-index:1000;backdrop-filter:blur(20px);background:linear-gradient(#1e3a8e 0%,#234096 50%,#415483 100%);border-right:1px solid #1e3a8e0f;width:280px;height:100vh;transition:all 1s cubic-bezier(.4,0,.2,1);position:fixed;top:0;left:0;overflow:hidden auto;box-shadow:4px 0 40px #1e3a8e14,0 0 1px #1e3a8e1a;@media (width<=1100px){&.open{transition:all 1s cubic-bezier(.4,0,.2,1);transform:translate(0);box-shadow:8px 0 60px #1e3a8e26,0 0 2px #1e3a8e1a;&~.wrapper{transition:all 1s cubic-bezier(.4,0,.2,1)}&~.navigation{display:none}}&.close{transform:translate(-100%)}}}aside.sidebar::-webkit-scrollbar{width:8px}aside.sidebar::-webkit-scrollbar-track{background:0 0;margin:8px 0}aside.sidebar::-webkit-scrollbar-thumb{background:linear-gradient(180deg, var(--primary-color) 0%, #4a5fc1 50%, var(--primary-color) 100%);border-radius:10px;transition:all .4s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 8px #1e3a8e33}aside.sidebar::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg, #4a5fc1, var(--primary-color));box-shadow:0 4px 12px #1e3a8e4d}aside.sidebar.close{transform:translate(-100%)}aside.sidebar.mobile-overlay:before{content:"";backdrop-filter:blur(12px);z-index:-1;width:100vw;height:100vh;animation:.5s cubic-bezier(.4,0,.2,1) fadeIn;position:fixed;top:0;left:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.close-icon{cursor:pointer;z-index:10;background:linear-gradient(135deg,#1e3a8e14 0%,#1e3a8e0a 100%);border:1px solid #1e3a8e1a;border-radius:12px;justify-content:center;align-items:center;width:40px;height:40px;transition:all .4s cubic-bezier(.4,0,.2,1);display:flex;position:absolute;top:5px;right:5%;box-shadow:0 2px 8px #1e3a8e0f}.close-icon:hover{background:linear-gradient(135deg, var(--primary-color), #4a5fc1);border-color:#0000;transform:rotate(90deg)scale(1.05);box-shadow:0 8px 24px #1e3a8e40}.close-icon:hover svg{color:#fff}.close-icon:active{transform:rotate(90deg)scale(.95)}aside.sidebar{& .logo{opacity:1;justify-content:center;align-items:center;margin-bottom:8px;display:flex;position:relative}& .p-accordion{flex-direction:column;gap:8px;display:flex}& .p-accordionpanel{background:0 0;border:none!important}& .p-accordionheader{border:1px solid #ffffff1a;margin:0;transition:all .4s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 16px #1e3a8e33,inset 0 1px #fff3;color:#d7e4ff!important;background:linear-gradient(135deg, var(--primary-color) 0%, #4a5fc1 100%)!important;border-radius:14px!important}& .p-accordionheader:hover{transform:translateY(-2px);box-shadow:0 6px 20px #1e3a8e4d,inset 0 1px #ffffff4d}& .p-accordionheader button{color:#fff;text-transform:capitalize;cursor:pointer;letter-spacing:.4px;background:0 0;border:none;border-radius:14px;align-items:center;gap:14px;width:100%;padding:16px 18px;font-size:14px;font-weight:600;transition:all .4s cubic-bezier(.4,0,.2,1);display:flex;position:relative}& .p-accordionheader button:hover{letter-spacing:.6px;background:#ffffff1a}& .p-accordionheader button[aria-expanded=true]{background:#ffffff26}& .p-accordionheader button:after{content:"";filter:drop-shadow(0 2px 4px #0003);background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E") 50%/contain no-repeat;width:22px;height:22px;margin-left:auto;transition:transform .4s cubic-bezier(.4,0,.2,1)}& .p-accordionheader button[aria-expanded=true]:after{transform:rotate(180deg)}& .logo:after{content:"";background:linear-gradient(90deg,#0000 0%,#1e3a8e26 20%,#1e3a8e40 50%,#1e3a8e26 80%,#0000 100%);height:2px;position:absolute;bottom:0;left:24px;right:24px;box-shadow:0 1px 3px #1e3a8e1a}& .logo img{filter:drop-shadow(0 4px 12px #1e3a8e26);max-width:160px;height:auto;transition:all .4s cubic-bezier(.4,0,.2,1)}}.sidebar-items{flex-direction:column;gap:8px;padding:20px 16px 32px;display:flex}.sidebar-item{color:var(--text-color-4);border:1px solid #0000;border-radius:14px;align-items:center;gap:14px;padding:14px 18px;font-size:14px;font-weight:500;text-decoration:none;transition:all .4s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.sidebar-item:before{content:"";background:linear-gradient(180deg, var(--primary-color), #4a5fc1);border-radius:0 4px 4px 0;width:4px;transition:transform .4s cubic-bezier(.4,0,.2,1);position:absolute;top:0;bottom:0;left:0;transform:scaleY(0);box-shadow:2px 0 8px #1e3a8e4d}.sidebar-item:after{content:"";opacity:0;background:linear-gradient(135deg,#1e3a8e08 0%,#4a5fc105 100%);border-radius:14px;transition:opacity .4s cubic-bezier(.4,0,.2,1);position:absolute;inset:0}.sidebar-item:hover{color:#fff;background:linear-gradient(135deg,#1e3a8e1a 0%,#4a5fc10d 100%);border-color:#1e3a8e26;transform:translate(6px);box-shadow:0 4px 12px #1e3a8e14,inset 0 1px #ffffff80}.sidebar-item:hover:before{transform:scaleY(1)}.sidebar-item:hover:after{opacity:1}.sidebar-item.router-link-active{background:linear-gradient(135deg, var(--primary-color) 0%, #4a5fc1 100%);color:#fff;border-color:#ffffff1a;box-shadow:0 8px 24px #1e3a8e4d,0 2px 8px #1e3a8e33,inset 0 1px #fff3}.sidebar-item.router-link-active:before{background:#fff;transform:scaleY(1);box-shadow:2px 0 12px #ffffff80}.sidebar-item.router-link-active:after{opacity:0}.sidebar-item svg{filter:drop-shadow(0 1px 2px #0000001a);flex-shrink:0;width:22px;height:22px;transition:all .4s cubic-bezier(.4,0,.2,1)}.sidebar-item:hover svg{filter:drop-shadow(0 2px 4px #1e3a8e33);transform:scale(1.15)rotate(5deg)}.sidebar-item.router-link-active svg{filter:drop-shadow(0 2px 4px #0003)}.sidebar-item p,.sidebar-item span{text-transform:capitalize;letter-spacing:.4px;color:#fff;flex:1;gap:5px;margin:0;font-weight:500;display:flex}.sidebar-item .count{background:linear-gradient(135deg, var(--primary-color) 0%, #4a5fc1 100%);color:#fff;letter-spacing:.3px;border:1px solid #ffffff1a;border-radius:13px;justify-content:center;align-items:center;min-width:28px;height:26px;margin-left:auto;padding:0 10px;font-size:11px;font-weight:700;transition:all .3s cubic-bezier(.4,0,.2,1);display:inline-flex;box-shadow:0 4px 12px #1e3a8e40,inset 0 1px #fff3}.sidebar-item:hover .count{transform:scale(1.1);box-shadow:0 6px 16px #1e3a8e59,inset 0 1px #ffffff4d}.sidebar-item.router-link-active .count{color:var(--primary-color);background:#fffffff2;font-weight:900;box-shadow:0 4px 12px #ffffff4d,inset 0 1px 2px #1e3a8e1a}.sidebar-item.router-link-active span{font-weight:700}.offers{align-items:center;gap:14px;display:flex}.offers svg{filter:drop-shadow(0 2px 4px #0003);flex-shrink:0;width:22px;height:22px}.p-accordioncontent{flex-direction:column;gap:6px;padding:12px 0 12px 20px;animation:.4s cubic-bezier(.4,0,.2,1) slideDown;display:flex}@keyframes slideDown{0%{opacity:0;transform:translateY(-50px)}to{opacity:1;transform:translateY(0)}}.p-accordioncontent .p-accordioncontent{border-left:2px solid #1e3a8e26;margin-left:12px;padding-left:10px;position:relative}.p-accordioncontent .p-accordioncontent:before{content:"";background:linear-gradient(180deg, var(--primary-color) 0%, transparent 100%);width:2px;position:absolute;top:0;bottom:0;left:-2px}.p-accordioncontent-content{background-color:#0000!important;padding:0!important}.title-accordion{color:var(--white-color);text-transform:uppercase;letter-spacing:1px;margin:12px 0 6px;padding:14px 18px 10px;font-size:12px;font-weight:700;position:relative}.title-accordion:after{content:"";background:linear-gradient(90deg,#1e3a8e33 0%,#1e3a8e0d 100%);height:1px;position:absolute;bottom:0;left:18px;right:18px}permission-builder{display:contents}@media (width<=1024px){aside.sidebar{width:260px}}@media (width<=768px){aside.sidebar{width:280px;box-shadow:12px 0 48px #0000001f}aside.sidebar.close{transform:translate(-100%)}.logo{padding:28px 20px 24px}.sidebar-items{padding:16px 12px 24px}}.sidebar-item.loading{pointer-events:none;background:linear-gradient(90deg,#0000 0%,#1e3a8e26 30%,#4a5fc126 50%,#1e3a8e26 70%,#0000 100%) 0 0/200% 100%;animation:2s infinite shimmer}aside.sidebar,.wrapper{will-change:margin-left;transition:margin-left .8s cubic-bezier(.4,0,.2,1)!important}aside.sidebar{transform:translate(-100%)}aside.sidebar.open{transform:translate(0)}@media (width>=1101px){aside.sidebar.open~.wrapper{margin-left:280px!important}aside.sidebar.close~.wrapper{margin-left:0!important}}@media (width<=1100px){aside.sidebar.open~.wrapper{margin-left:0!important}}.wrapper{max-width:100vw;overflow:hidden}aside.sidebar.open{animation:none!important}@keyframes showHide{0%{opacity:1;visibility:visible}45%{opacity:1;visibility:visible}50%{opacity:0;visibility:hidden}to{opacity:0;visibility:hidden}}@keyframes hideShow{0%{opacity:0;visibility:hidden}45%{opacity:0;visibility:hidden}50%{opacity:1;visibility:visible}95%{opacity:1;visibility:visible}to{opacity:0;visibility:hidden}}@keyframes ramadanGlow{0%{box-shadow:4px 0 40px #d4a01700,inset -2px 0 30px #d4a01700}50%{box-shadow:4px 0 60px #d4a0172e,inset -2px 0 40px #d4a01714}to{box-shadow:4px 0 40px #d4a01700,inset -2px 0 30px #d4a01700}}aside.sidebar.ramadan{animation:4s ease-in-out infinite ramadanGlow}aside.sidebar.ramadan:after{content:"";z-index:10;background:linear-gradient(90deg,#0000 0%,#d4a017 20%,#f5d060 50%,#d4a017 80%,#0000 100%) 0 0/200% 100%;border-radius:0;height:3px;animation:3s ease-in-out infinite goldSweep;position:absolute;top:0;left:0;right:0}@keyframes goldSweep{0%{opacity:.6;background-position:200% 0}50%{opacity:1;background-position:0 0}to{opacity:.6;background-position:-200% 0}}.ramadan-banner{background:linear-gradient(135deg,#d4a01726 0%,#f5d06014 50%,#d4a01726 100%);border:1px solid #d4a0174d;border-radius:14px;justify-content:center;align-items:center;gap:8px;margin:0 12px 4px;padding:10px 16px 8px;animation:3s ease-in-out infinite bannerPulse;display:flex;position:relative;overflow:hidden}@keyframes bannerPulse{0%,to{border-color:#d4a0174d;box-shadow:0 0 #d4a01700}50%{border-color:#d4a017b3;box-shadow:0 0 14px #d4a01733}}.ramadan-banner:before{content:"";background:linear-gradient(90deg,#0000 0%,#f5d0601f 50%,#0000 100%) 0 0/200% 100%;animation:2.5s ease-in-out infinite bannerShimmer;position:absolute;inset:0}@keyframes bannerShimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.ramadan-banner .ramadan-text{letter-spacing:1.5px;text-transform:uppercase;background:linear-gradient(135deg,#f5d060,#d4a017,#f5d060);-webkit-text-fill-color:transparent;background-size:200% 100%;background-clip:text;font-size:12px;font-weight:700;animation:3s ease-in-out infinite textGold}@keyframes textGold{0%{background-position:0 0}50%{background-position:100% 0}to{background-position:0 0}}.ramadan-banner .ramadan-crescent{filter:drop-shadow(0 0 6px #d4a01799);font-size:18px;animation:4s ease-in-out infinite crescentSway;display:inline-block}@keyframes crescentSway{0%,to{filter:drop-shadow(0 0 6px #d4a01799);transform:rotate(-10deg)scale(1)}50%{filter:drop-shadow(0 0 12px #d4a017);transform:rotate(10deg)scale(1.15)}}.ramadan-stars{pointer-events:none;z-index:0;width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}.ramadan-star{width:4px;height:4px;animation:starTwinkle var(--dur,2s) ease-in-out infinite var(--delay,0s);opacity:0;background:#f5d060;border-radius:50%;position:absolute;box-shadow:0 0 4px 1px #f5d060b3}@keyframes starTwinkle{0%,to{opacity:0;transform:scale(.6)}40%,60%{opacity:1;transform:scale(1.2)}}.ramadan-lanterns{pointer-events:none;z-index:0;width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}.ramadan-lantern{animation:lanternRise var(--dur,8s) ease-in-out infinite var(--delay,0s);opacity:0;filter:drop-shadow(0 0 6px #d4a017b3);bottom:-40px;left:var(--x,50%);font-size:20px;position:absolute}@keyframes lanternRise{0%{opacity:0;transform:translateY(0)rotate(0)}10%{opacity:.9}80%{opacity:.7;transform:translateY(-110vh)rotate(15deg)}to{opacity:0;transform:translateY(-120vh)rotate(20deg)}}aside.sidebar.ramadan{position:fixed}aside.sidebar.ramadan .logo,aside.sidebar.ramadan .sidebar-items,aside.sidebar.ramadan .close-icon,aside.sidebar.ramadan .ramadan-banner{z-index:1;position:relative}.navigation{width:100%;height:70px;box-shadow:-1px -10px 0 0 var(--primary-color);background:#fff;border-radius:10px 10px 0 0;justify-content:space-evenly;align-items:center;display:none;position:fixed;bottom:0;@media (width<=1100px){gap:14px;display:flex;justify-content:center!important}}.navigation ul.navigation-list{display:flex}.navigation ul.navigation-list li{z-index:1;width:70px;height:70px;list-style:none;position:relative}.navigation ul.navigation-list li a,.navigation ul.navigation-list li .quick-search-mobile{text-align:center;flex-direction:column;justify-content:center;align-items:center;width:100%;font-weight:500;display:flex;position:relative}.navigation ul.navigation-list li a .icon,.navigation ul.navigation-list li .quick-search-mobile .icon{text-align:center;color:var(--primary-color);font-size:1.5em;line-height:75px;transition:all .5s;display:block;position:relative}.navigation ul.navigation-list li.active a .icon{color:#fff;transform:translateY(-32px)}.navigation ul.navigation-list li.active .quick-search-mobile .icon{transform:translateY(-32px);& svg{& path{stroke:#fff}}}.navigation ul.navigation-list li a .text,.navigation ul.navigation-list li .quick-search-mobile .text{color:var(--primary-color);letter-spacing:.05em;opacity:0;font-size:.65em;font-weight:400;transition:all .5s;position:absolute;transform:translateY(20px)}.navigation ul.navigation-list li.active a .text,.navigation ul.navigation-list li.active .quick-search-mobile .text{opacity:1;transform:translateY(10px)}.indicator{background:var(--primary-color);border:6px solid var(--primary-color);border-radius:50%;width:70px;height:70px;transition:all .5s;position:absolute;top:-50%}.indicator:before{content:"";width:20px;height:20px;box-shadow:1px -10px 0 0 var(--primary-color);background:0 0;border-top-right-radius:20px;position:absolute;top:50%;left:-22px}.indicator:after{content:"";width:20px;height:20px;box-shadow:-1px -10px 0 0 var(--primary-color);background:0 0;border-top-left-radius:20px;position:absolute;top:50%;right:-22px}.navigation ul.navigation-list li:first-child.active~.indicator{transform:translate(0)}.navigation ul.navigation-list li:nth-child(2).active~.indicator{transform:translate(70px)}.navigation ul.navigation-list li:nth-child(3).active~.indicator{transform:translate(140px)}.navigation ul.navigation-list li:nth-child(4).active~.indicator{transform:translate(210px)}.navigation ul.navigation-list li:nth-child(5).active~.indicator{transform:translate(280px)}.header{padding:var(--space-md);border-radius:var(--radius-md) var(--radius-md) 0 0;border-bottom:1px dashed var(--border-color);background:#f1f5f9;@media (width<=768px){padding:var(--space-md) var(--space-sm)}& .full_screen{@media (width<=768px){display:none}}& .nav{justify-content:space-between;align-items:center;display:flex;@media (width<=786px){flex-flow:row;justify-content:space-between;gap:.5rem}& .menu{flex-shrink:0;justify-content:start;align-items:center;gap:.5rem;display:flex;& h1{font-family:bold,sans-serif;font-size:1.5rem;@media (width<=768px){font-size:1rem}}}& .setting{flex-wrap:nowrap;justify-content:flex-end;align-items:center;gap:1rem;display:flex;@media (width<=786px){flex:1;order:1;justify-content:end;& .quick-search{display:none}}& .icon{background-color:var(--main-bg);border-radius:50%;padding:.5rem}& .quick-search{@media (width<=768px){display:none}}& .quick-search-mobile{display:none}& .lang,& .user{justify-content:space-between;align-items:center;gap:1rem;display:flex;position:relative;& img{width:35px;height:35px;display:block}&.dropdown-trigger{cursor:pointer;align-items:center;gap:.5rem;font-family:medium,sans-serif;font-size:.8rem;display:flex;& .dropdown-menu{right:var(--space-sm);top:calc(var(--xl-size) + var(--space-sm));border-radius:var(--radius-xs);z-index:1000;background-color:#fff;min-width:150px;position:absolute;box-shadow:0 4px 8px #0000001a;& li{cursor:pointer;padding:var(--space-md);border-radius:var(--radius-xs);align-items:center;gap:var(--gap-sm);color:#546881;transition:all .2s ease-in-out;display:flex;&:not(:last-child){border-bottom:1px solid #f2f2f3}&:hover{background-color:#f2f2f3;& svg{& path{fill:var(--primary-color)}}}}}}}}}}@keyframes ramadanHeaderGlow{0%,to{box-shadow:inset 0 0 30px #ffc1070d,inset 0 0 60px #ff980008}50%{box-shadow:inset 0 0 40px #ffc1071a,inset 0 0 80px #ff98000f}}.header.ramadan-header{background:linear-gradient(135deg,#f1f5f9 0%,#fff8e14d 30%,#f1f5f9 60%,#fff3cd33 100%);animation:4s ease-in-out infinite ramadanHeaderGlow;position:relative}.ramadan-header-lanterns{pointer-events:none;z-index:1;height:100%;position:absolute;top:0;left:0;right:0}.ramadan-hanging-lantern{animation:lanternSwing var(--dur,3s) ease-in-out var(--delay,0s) infinite alternate;transform-origin:top;flex-direction:column;align-items:center;display:flex;position:absolute;top:0}.lantern-string{opacity:.8;background:linear-gradient(#daa520cc,#daa5204d);width:1px;height:10px;display:block}.lantern-body{filter:drop-shadow(0 2px 6px #ff980080);animation:lanternGlow var(--dur,3s) ease-in-out var(--delay,0s) infinite alternate;font-size:16px}@keyframes lanternSwing{0%{transform:rotate(-4deg)}to{transform:rotate(4deg)}}@keyframes lanternGlow{0%{filter:drop-shadow(0 2px 4px #ff98004d)}to{filter:drop-shadow(0 4px 10px #ffc107b3)}}.ramadan-header-stars{pointer-events:none;z-index:0;position:absolute;inset:0}.ramadan-header-star{animation:headerStarTwinkle var(--dur,2s) ease-in-out var(--delay,0s) infinite alternate;background:radial-gradient(circle,#ffd700e6 0%,#ffc10700 70%);border-radius:50%;position:absolute}@keyframes headerStarTwinkle{0%{opacity:.2;transform:scale(.8);box-shadow:0 0 3px #ffd7004d}to{opacity:1;transform:scale(1.3);box-shadow:0 0 8px #ffd70099}}.ramadan-header-border{z-index:2;background:linear-gradient(90deg,#0000 0%,#ffc1074d 15%,#ffd700cc 30%,#ff980099 50%,#ffd700cc 70%,#ffc1074d 85%,#0000 100%);height:2px;animation:3s linear infinite shimmerSlide;position:absolute;bottom:0;left:0;right:0}@keyframes shimmerSlide{0%{background-position:-200% 0}to{background-position:200% 0}}.ramadan-header-border:after{content:"";filter:blur(4px);background:linear-gradient(90deg,#0000,#ffd70026,#0000);height:4px;position:absolute;top:-2px;left:0;right:0}.header.ramadan-header .nav{z-index:3;position:relative}@media (width<=768px){.ramadan-hanging-lantern:nth-child(2n){display:none}.lantern-body{font-size:12px}}body{background-color:var(--primary-color);@media (width<=768px){&:has(.sidebar.open){overflow-y:hidden}}&::-webkit-scrollbar{width:7px}&::-webkit-scrollbar-track{border-radius:10px;box-shadow:inset 0 0 5px gray}&::-webkit-scrollbar-thumb{background:#fff;border-radius:10px}&::-webkit-scrollbar-thumb:hover{background:#f1f5f9}}.scroll-style{&::-webkit-scrollbar{height:7px}&::-webkit-scrollbar-track{border-radius:10px;box-shadow:inset 0 0 5px gray}&::-webkit-scrollbar-thumb{background:var(--primary-color);border-radius:10px}&::-webkit-scrollbar-thumb:hover{background:#3855a9}}main{background-color:var(--primary-color)}.wrapper{background-color:var(--main-bg);width:100%;margin:var(--space-md) var(--space-md) var(--space-md) 0;border-radius:var(--radius-md);padding:var(--space-md);@media (width<=1100px){margin:var(--space-sm)}& .main-content{padding:var(--space-md);border-radius:var(--radius-sm);background-color:#f1f5f9;min-height:calc(100vh - 110px);margin-bottom:2rem;@media (width<=1100px){padding:0 0 6rem}& .head_title{color:var(--dark-color);font-size:var(--md-size);font-family:medium,sans-serif}& .line{border:1px dashed var(--border-color);width:100%;height:1px;margin:var(--space-md) 0}& .line_separate_section{border:1px solid var(--white-color);width:100%;height:1px;margin:var(--space-sm) 0}}}.sidebar-container{flex-direction:column;gap:1rem;display:flex;& .sidebar-card{background-color:#eef2f6;background-image:url(/assets/OBJECTS-DEAk3B3b.png);border-radius:1rem;padding:1rem;& .sidebar-card-title{color:#000;font-family:Bold,sans-serif;font-size:var(--space-lg);margin-bottom:1rem}& .items{flex-wrap:wrap;align-items:center;gap:1rem;display:flex}& .parent-card{opacity:.2;background-color:#fff;border-radius:1rem;flex:1;align-items:center;gap:.5rem;padding:.5rem;display:flex;&.parent-card-active{opacity:1}& .parent-icon{width:2.6rem;height:2.6rem;& img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}}& .parent-info{flex-direction:column;justify-content:start;align-items:start;gap:.25rem;display:flex;& h4{color:#0a152e;font-family:Bold,sans-serif;font-size:var(--space-md)}& h6{color:#909dad;font-family:Regular,sans-serif;font-size:var(--space-sm)}}}& .parent-child-wrapper{flex-wrap:wrap;justify-content:center;align-items:center;gap:1rem;margin-top:1rem;display:flex}& .child-card{background-color:#fff;border-radius:1rem;flex:1;justify-content:center;align-items:center;gap:1rem;min-width:200px;padding:1rem;transition:all .3s ease-in-out;display:flex;& .child-info{&>*{color:var(--primary-color);font-family:Bold,sans-serif;font-size:var(--space-md)}}&:hover{box-shadow:0 0 .1rem var(--primary-color);border:1px solid var(--primary-color);cursor:pointer}}& .sub-child-card{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:1rem;min-width:200px;display:flex;& .child-child-wrapper{flex-wrap:wrap;justify-content:center;align-items:center;gap:1rem;display:flex;& .child-card{background-color:#ffffffb3}& .child-info{& h4{font-size:calc(var(--space-sm) + 2px)}}}&>*{width:100%}}}}.login{background:#0a0e1a;grid-template-rows:1fr;grid-template-columns:repeat(12,1fr);gap:0;width:100%;min-height:100vh;padding:0;display:grid;position:relative;overflow:hidden}@keyframes morphBackground{0%,to{background-position:15% 20%,85% 80%,50%}50%{background-position:85% 20%,15% 80%,50%}0%,to{filter:blur(80px)hue-rotate();transform:scale(1)}33%{filter:blur(100px)hue-rotate(30deg);transform:scale(1.1)}66%{filter:blur(90px)hue-rotate(-30deg);transform:scale(.95)}}.login-icon{z-index:10;flex-direction:column;grid-area:1/span 5/auto/span 5;justify-content:center;align-items:center;padding:4rem 3rem;display:flex;position:relative}.login-icon:before{content:"";filter:blur(60px);background:linear-gradient(135deg,#1e3a8e4d,#3b5bdb4d);border-radius:50%;width:200px;height:200px;animation:8s ease-in-out infinite float1;position:absolute;top:10%;left:10%}.login-icon:after{content:"";filter:blur(70px);background:linear-gradient(135deg,#3b5bdb33,#1e3a8e33);border-radius:50%;width:250px;height:250px;animation:10s ease-in-out infinite float2;position:absolute;bottom:10%;right:10%}@keyframes float1{0%,to{transform:translate(0)scale(1)}50%{transform:translate(30px,-30px)scale(1.2)}}@keyframes float2{0%,to{transform:translate(0)scale(1)}50%{transform:translate(-40px,40px)scale(1.15)}}.login-icon-title{text-align:center;background:linear-gradient(135deg,#fff 0%,#a5b4fc 50%,#fff 100%) 0 0/200% 200%;-webkit-text-fill-color:transparent;letter-spacing:-3px;color:#fff;z-index:1;background-clip:text;grid-area:span 1/span 12/span 1/span 12;margin-bottom:2rem;font-family:Bold,sans-serif;font-size:2rem;font-weight:900;animation:4s infinite gradientText,1s ease-out slideDown;position:relative}@keyframes gradientText{0%,to{background-position:0%}50%{background-position:100%}}.login-icon-title:after{content:"";background:linear-gradient(90deg, var(--primary-color) 0%, #3b5bdb 50%, transparent 100%);border-radius:3px;width:150px;height:6px;position:absolute;bottom:-20px;left:0;box-shadow:0 0 20px #1e3a8e99}.login-icon-text{color:#ffffffbf;text-align:center;z-index:1;text-shadow:0 2px 10px #00000080;max-width:500px;margin-bottom:3rem;font-family:Regular,sans-serif;font-size:1.15rem;line-height:1.9;animation:1s ease-out .3s both fadeInUp;position:relative}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.login-icon .h-55{z-index:1;filter:drop-shadow(0 20px 40px #1e3a8e66);width:100%;max-width:450px;height:450px;animation:1s ease-out .6s both fadeInScale;position:relative}@keyframes fadeInScale{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.login-form{flex-direction:column;grid-area:1/span 7/auto/span 7;justify-content:center;align-items:center;gap:2rem;padding:4rem 5rem;animation:1s cubic-bezier(.16,1,.3,1) .6s both slideInFromRight;display:flex;position:relative;& .logo{justify-content:center;align-items:center;gap:4px;display:flex}}@keyframes slideInFromRight{0%{opacity:0;transform:translate(100px)}to{opacity:1;transform:translate(0)}}.login-form:before{content:"";backdrop-filter:blur(30px)saturate(180%);z-index:-1;background:#ffffff08;border:1px solid #ffffff1a;border-radius:40px;position:absolute;inset:10%;box-shadow:0 40px 100px #00000080,inset 0 1px #ffffff1a,inset 0 -1px #0000001a}.login-form:after{content:"";opacity:.1;pointer-events:none;z-index:-1;background-color:#0000;background-image:linear-gradient(135deg,#0000 0% 49.9%,#1e3a8e4d 50%,#0000 50.1% 100%),linear-gradient(45deg,#0000 0% 49.9%,#3b5bdb4d 50%,#0000 50.1% 100%);background-position:0 0,30px 30px;background-repeat:repeat,repeat;background-size:60px 60px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;border-radius:40px;position:absolute;inset:8%}.login-form .login-image{filter:drop-shadow(0 10px 30px #1e3a8e66);width:15rem;animation:1.2s cubic-bezier(.16,1,.3,1) .2s both logoEntrance}@keyframes logoEntrance{0%{opacity:0;transform:scale(.5)rotate(-10deg)}to{opacity:1;transform:scale(1)rotate(0)}}.login-form .title{background:linear-gradient(135deg,#fff 0%,#e0e7ff 100%);-webkit-text-fill-color:transparent;letter-spacing:-2px;text-shadow:0 10px 30px #ffffff1a;background-clip:text;margin-bottom:.5rem;font-family:bold,sans-serif;font-size:3rem;font-weight:800;animation:1s ease-out .4s both titleSlide}@keyframes titleSlide{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}.login-form .description{color:#fff9;text-align:center;margin-bottom:2rem;font-family:regular,sans-serif;font-size:1rem;animation:1s ease-out .6s both fadeIn}.login-form .input-wrapper{width:75%;animation:inputSlide 1s ease-out calc(.8s + var(--delay,0s)) both;position:relative}.login-form .input-wrapper:first-of-type{--delay:0s}.login-form .input-wrapper:nth-of-type(2){--delay:.1s}@keyframes inputSlide{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.login-form label{letter-spacing:1.5px;text-transform:uppercase;text-shadow:0 2px 4px #0000004d;font-family:bold,sans-serif;font-size:.8rem;font-weight:600;display:block;color:#ffffffe6!important;margin-bottom:.75rem!important}.login-form .input{color:#fff;backdrop-filter:blur(10px);text-transform:lowercase;background:#ffffff0d;border:1.5px solid #ffffff1a;border-radius:16px;outline:none;width:100%;padding:1.25rem 1.5rem;font-family:regular,sans-serif;font-size:1.05rem;transition:all .4s cubic-bezier(.16,1,.3,1);box-shadow:inset 0 2px 4px #0003,0 0 #1e3a8e00}.login-form .input::placeholder{color:#ffffff4d}.login-form .input:focus{border-color:var(--primary-color);background:#ffffff14;transform:translateY(-3px);box-shadow:inset 0 2px 4px #0003,0 0 0 4px #1e3a8e4d,0 10px 40px #1e3a8e66}.login-form .input:hover{border-color:#fff3}.login-form button{text-transform:uppercase;letter-spacing:2px;color:#fff;background:linear-gradient(135deg, var(--primary-color) 0%, #3b5bdb 100%);cursor:pointer;border:none;border-radius:16px;width:75%;margin-top:1.5rem;padding:1.5rem 2.5rem;font-family:bold,sans-serif;font-size:1.05rem;font-weight:700;transition:all .5s cubic-bezier(.16,1,.3,1);animation:1s ease-out 1s both buttonSlide;position:relative;overflow:hidden;box-shadow:0 20px 60px #1e3a8e66,0 0 #1e3a8e00,inset 0 1px #fff3}@keyframes buttonSlide{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.login-form button:before{content:"";background:linear-gradient(90deg,#0000,#ffffff4d,#0000);width:100%;height:100%;transition:left .7s;position:absolute;top:0;left:-100%}.login-form button:hover:before{left:100%}.login-form button:after{content:"";-webkit-mask-composite:xor;opacity:0;background:linear-gradient(135deg,#fff,#3b5bdb,#fff);border-radius:16px;padding:2px;transition:opacity .5s;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-composite:exclude;mask-mode:match-source,match-source}.login-form button:hover{transform:translateY(-5px)scale(1.02);box-shadow:0 30px 80px #1e3a8e99,0 0 0 6px #1e3a8e33,inset 0 1px #ffffff4d}.login-form button:hover:after{opacity:1}.login-form button:active{transform:translateY(-2px)scale(.98)}@media screen and (width<=1335px){.login-form{grid-column:span 7/span 7;padding:3rem}.login-icon{grid-column:span 5/span 5}.login-icon-title{font-size:3.5rem}}@media screen and (width<=900px){.login{grid-template-rows:auto auto;grid-template-columns:1fr}.login-icon{grid-area:1/1;min-height:50vh;padding:3rem 2rem}.login-icon-title{font-size:3rem}.login-icon .h-55{height:300px}.login-form{grid-area:2/1;min-height:50vh;padding:3rem 2rem}.login-form .input-wrapper,.login-form button{width:90%}}@media screen and (width<=600px){.login-icon{display:none}.login-form{grid-row:1;min-height:100vh;padding:2rem 1.5rem}.login-form:before{inset:5%}.login-form .title{font-size:2.5rem}.login-form .input-wrapper,.login-form button{width:100%}}.co-vision{z-index:1;flex-direction:column;align-items:center;gap:2.5rem;width:100%;padding:0;animation:1.2s ease-out .9s both fadeInUp;display:flex;position:relative}.ceo{backdrop-filter:blur(20px)saturate(180%);background:#ffffff0d;border:1px solid #ffffff26;border-radius:30px;flex-direction:column;align-items:center;gap:1rem;width:100%;padding:2.5rem 3rem;transition:all .5s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:hidden;box-shadow:0 20px 60px #0006,inset 0 1px #ffffff26,inset 0 -1px #0000001a}.ceo:before{content:"";opacity:0;z-index:-1;background:linear-gradient(135deg,#0000 0%,#1e3a8e80 25%,#3b5bdb80 50%,#1e3a8e80 75%,#0000 100%);border-radius:30px;transition:opacity .5s;animation:8s linear infinite rotateBorder;position:absolute;inset:-2px}.ceo:hover:before{opacity:1}@keyframes rotateBorder{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.ceo:hover{transform:translateY(-5px);box-shadow:0 30px 80px #00000080,0 0 0 1px #fff3,inset 0 1px #fff3}.ceo img{-o-object-fit:cover;object-fit:cover;z-index:1;border:4px solid #ffffff26;border-radius:50%;width:180px;height:180px;transition:all .5s cubic-bezier(.16,1,.3,1);position:relative;box-shadow:0 15px 40px #00000080,0 0 0 8px #1e3a8e33,inset 0 2px 4px #0003}.ceo:hover img{border-color:#1e3a8e80;transform:scale(1.05);box-shadow:0 20px 50px #0009,0 0 0 12px #1e3a8e4d,inset 0 2px 4px #0000004d}.ceo h2{background:linear-gradient(135deg,#fff 0%,#c7d2fe 100%);-webkit-text-fill-color:transparent;letter-spacing:-.5px;text-align:center;text-shadow:0 5px 20px #ffffff1a;background-clip:text;margin:.5rem 0 0;font-family:Bold,sans-serif;font-size:1.75rem;font-weight:800;transition:all .3s}.ceo:hover h2{letter-spacing:.5px}.ceo h6{color:#a5b4fce6;text-transform:uppercase;letter-spacing:3px;background:#1e3a8e33;border:1px solid #1e3a8e4d;border-radius:20px;margin:0;padding:.5rem 1.5rem;font-family:Bold,sans-serif;font-size:.9rem;font-weight:900;transition:all .3s;box-shadow:0 5px 15px #1e3a8e33,inset 0 1px #ffffff1a}.ceo:hover h6{background:#1e3a8e4d;box-shadow:0 8px 20px #1e3a8e4d,inset 0 1px #ffffff26}.co-vision .description{color:#ffffffd9;text-align:start;width:100%;white-space:wrap;backdrop-filter:blur(20px)saturate(180%);background:#ffffff0a;border:1px solid #ffffff1a;border-radius:25px;padding:2.5rem;font-family:Regular,sans-serif;font-size:1.05rem;line-height:1.9;transition:all .5s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden;box-shadow:0 20px 60px #0000004d,inset 0 1px #ffffff1a,inset 0 -1px #0000001a}.co-vision .description:before{content:"";background:linear-gradient(135deg,#1e3a8e4d,#3b5bdb4d);-webkit-text-fill-color:transparent;opacity:.4;background-clip:text;font-family:bold,serif;font-size:5rem;line-height:1;position:absolute;top:15px;left:20px}.co-vision .description:after{content:"";background:linear-gradient(135deg,#3b5bdb4d,#1e3a8e4d);-webkit-text-fill-color:transparent;opacity:.4;background-clip:text;font-family:bold,serif;font-size:5rem;line-height:1;position:absolute;bottom:-15px;right:20px}.co-vision .description:hover{background:#ffffff0f;border-color:#ffffff26;transform:translateY(-3px);box-shadow:0 25px 70px #0006,0 0 0 1px #ffffff1a,inset 0 1px #ffffff26}.co-vision .description:hover:after{opacity:.6}@media screen and (width<=900px){.co-vision{gap:2rem}.ceo{max-width:400px;padding:2rem 2.5rem}.ceo img{width:120px;height:120px}.ceo h2{font-size:1.5rem}.co-vision .description{max-width:450px;padding:2rem;font-size:1rem}}@media screen and (width<=600px){.co-vision{gap:1.5rem;padding:0 1rem}.ceo{max-width:100%;padding:1.75rem 2rem}.ceo img{border-width:3px;width:100px;height:100px}.ceo h2{font-size:1.35rem}.ceo h6{letter-spacing:2px;padding:.4rem 1.2rem;font-size:.8rem;font-weight:600}.co-vision .description{max-width:100%;padding:1.75rem 1.5rem;font-size:.95rem;line-height:1.8}.co-vision .description:before,.co-vision .description:after{font-size:4rem}}.login-footer{text-align:center;background:linear-gradient(135deg,#fff 0%,#a5b4fc 50%,#fff 100%) 0 0/200% 200%;-webkit-text-fill-color:transparent;letter-spacing:-3px;color:#fff;z-index:1;text-shadow:0 0 80px #a5b4fc80;background-clip:text;grid-area:span 1/span 12/span 1/span 12;margin-bottom:2rem;font-size:2rem;font-weight:900;animation:4s infinite gradientText,1s ease-out slideDown;position:relative;& p{& span{color:var(--primary-color);font-family:Bold,sans-serif;font-weight:900}}}@keyframes loginRamadanGlow{0%,to{box-shadow:inset 0 0 #d4a01700}50%{box-shadow:inset 0 0 80px #d4a0170f}}section.login.ramadan-login{animation:5s ease-in-out infinite loginRamadanGlow}section.login.ramadan-login:before{content:"";z-index:20;pointer-events:none;background:linear-gradient(90deg,#0000 0%,#d4a017 20%,#f5d060 50%,#d4a017 80%,#0000 100%) 0 0/200% 100%;height:3px;animation:3s ease-in-out infinite loginGoldSweep;position:absolute;top:0;left:0;right:0}@keyframes loginGoldSweep{0%{opacity:.5;background-position:200% 0}50%{opacity:1;background-position:0 0}to{opacity:.5;background-position:-200% 0}}.ramadan-login-banner{z-index:20;backdrop-filter:blur(10px);white-space:nowrap;background:linear-gradient(135deg,#d4a0172e 0%,#f5d06014 50%,#d4a0172e 100%);border:1px solid #d4a01759;border-radius:40px;justify-content:center;align-items:center;gap:10px;padding:8px 22px;animation:3s ease-in-out infinite loginBannerPulse;display:flex;position:absolute;top:18px;left:50%;overflow:hidden;transform:translate(-50%)}.ramadan-login-banner:before{content:"";pointer-events:none;background:linear-gradient(90deg,#0000 0%,#f5d06024 50%,#0000 100%) 0 0/200% 100%;animation:2.5s linear infinite loginBannerShimmer;position:absolute;inset:0}@keyframes loginBannerPulse{0%,to{border-color:#d4a01759;box-shadow:0 0 #d4a01700}50%{border-color:#d4a017b3;box-shadow:0 0 18px #d4a01740}}@keyframes loginBannerShimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.ramadan-login-text{letter-spacing:2px;text-transform:uppercase;background:linear-gradient(135deg,#f5d060,#d4a017,#f5d060);-webkit-text-fill-color:transparent;background-size:200% 100%;background-clip:text;font-size:13px;font-weight:700;animation:3s ease-in-out infinite loginTextGold}@keyframes loginTextGold{0%{background-position:0 0}50%{background-position:100% 0}to{background-position:0 0}}.ramadan-login-crescent{filter:drop-shadow(0 0 5px #d4a017b3);font-size:16px;animation:4s ease-in-out infinite loginCrescentSway;display:inline-block}@keyframes loginCrescentSway{0%,to{filter:drop-shadow(0 0 5px #d4a01799);transform:rotate(-12deg)scale(1)}50%{filter:drop-shadow(0 0 10px #d4a017);transform:rotate(12deg)scale(1.18)}}.ramadan-login-stars{pointer-events:none;z-index:1;position:absolute;inset:0;overflow:hidden}.ramadan-login-star{width:var(--size,4px);height:var(--size,4px);opacity:0;animation:loginStarTwinkle var(--dur,2s) ease-in-out infinite var(--delay,0s);background:#f5d060;border-radius:50%;position:absolute;box-shadow:0 0 5px 1px #f5d06099}@keyframes loginStarTwinkle{0%,to{opacity:0;transform:scale(.5)}40%,60%{opacity:.9;transform:scale(1.2)}}.ramadan-login-lanterns{pointer-events:none;z-index:1;position:absolute;inset:0;overflow:hidden}.ramadan-login-lantern{bottom:-50px;left:var(--x,50%);opacity:0;animation:loginLanternRise var(--dur,10s) ease-in-out infinite var(--delay,0s);filter:drop-shadow(0 0 8px #d4a017cc);font-size:22px;position:absolute}@keyframes loginLanternRise{0%{opacity:0;transform:translateY(0)rotate(0)}8%{opacity:.85}80%{opacity:.6;transform:translateY(-105vh)rotate(12deg)}to{opacity:0;transform:translateY(-115vh)rotate(18deg)}}section.login.ramadan-login .login-form,section.login.ramadan-login .login-icon,section.login.ramadan-login .login-footer{z-index:5;position:relative}.card{& .icon{& svg{cursor:pointer;width:22px;height:22px}}& .customer-reviews{margin-bottom:.5rem;& .customer{gap:1rem;display:flex;@media (width<=768px){flex-direction:column}& .input{width:calc(150 / var(--base-height) * 100vw);@media (width<=768px){width:100%}}& .input-label{& .image{width:calc(30 / var(--base-height) * 100vw);height:calc(30 / var(--base-height) * 100vw);border-radius:50%;display:flex;overflow:hidden;& img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}@media (width<=768px){width:calc(60 / var(--base-height) * 100vw);height:calc(60 / var(--base-height) * 100vw)}}}& .actions{& .btn-primary{padding:calc(5 / var(--base-height) * 100vh);font-size:.6rem}}& p{margin-top:.5rem;font-size:.6rem!important}}}}.input-label{color:var(--text-color-2);margin-bottom:var(--space-sm);font-family:medium,sans-serif;font-size:.9rem}.day-card{padding:var(--space-lg);border-radius:var(--space-sm);border:2px dashed #939393;width:100%;& .sections{margin-bottom:var(--space-md);gap:var(--space-md);flex-direction:column;display:flex;& .section{align-items:center;gap:var(--space-md);display:flex;& .input-wrapper{min-width:50%;@media (width<=768px){min-width:100%}}}& .exercises{gap:var(--space-xs);flex-direction:column;display:flex;& .exercise{gap:var(--space-xs);flex-wrap:wrap;align-items:center;display:flex;& .input-wrapper{min-width:50%;@media (width<=768px){min-width:100%}}}& .counter-exercise-wrapper{gap:var(--space-xs);align-items:center;display:flex;& .counter{border-radius:var(--space-sm);border:1px dashed #939393;justify-content:center;align-items:center;display:flex;& label{margin-bottom:0;font-family:medium,sans-serif}& input{padding:var(--space-xs);width:calc(55 / var(--base-height) * 100vh);&:focus{outline:none}}& .arrows{padding:var(--space-xs);border-inline-start:1px dashed #939393;& svg{cursor:pointer}}}}}}}.add,.delete{gap:var(--space-xs);cursor:pointer;align-items:center;display:flex}.add{& span{color:var(--primary-color);font-family:medium,sans-serif;font-size:.9rem}}.delete{& span{color:var(--danger-color);font-family:medium,sans-serif;font-size:.9rem}}.steps_project{margin-bottom:var(--space-md);display:flex;@media (width<=768px){flex-wrap:wrap}& .step{align-items:center;width:33%;max-width:38%;display:flex;@media (width<=768px){width:50%;max-width:unset;margin-top:.5rem}& .number_step{width:var(--lg-size);height:var(--lg-size);background-color:var(--light-color);color:var(--white-color);font-size:var(--sm-size);border-radius:50%;justify-content:center;align-items:center;font-family:light,sans-serif;display:flex;position:relative;&:after{content:"";left:calc(var(--xl-size) + ((var(--xl-size) - var(--lg-size)) / 2));width:var(--lg-size);background-color:var(--light-color);border-radius:1px 0 0;height:2px;position:absolute;top:40%;@media (width<=768px){width:var(--md-size)}}&:before{content:"";left:var(--xl-size);width:var(--xl-size);background-color:var(--light-color);border-radius:1px 0 0;height:2px;position:absolute;top:60%}}& .title_step{width:90%;font-size:var(--sm-size);color:var(--light-color);margin-inline-start:var(--space-3xl);font-family:regular,sans-serif;position:relative;@media (width<=768px){width:70%}&:after{content:"";width:-webkit-fill-available;margin:0 var(--space-sm);background:linear-gradient(to right, var(--light-color), var(--light-color));border-radius:1px 0 0;height:2px;position:absolute;top:50%}}&:last-child{width:24%;@media (width<=768px){width:50%}& .title_step{width:fit-content;&:after{content:unset}}}&.active{& .number_step{width:var(--lg-size);height:var(--lg-size);background-color:var(--primary-color);color:var(--white-color);font-size:var(--sm-size);border-radius:50%;justify-content:center;align-items:center;font-family:light,sans-serif;display:flex;position:relative;&:after{content:"";left:calc(var(--xl-size) + ((var(--xl-size) - var(--lg-size)) / 2));width:var(--lg-size);background-color:var(--primary-color);border-radius:1px 0 0;height:2px;position:absolute;top:40%;@media (width<=768px){width:var(--md-size)}}&:before{content:"";left:var(--xl-size);width:var(--xl-size);background-color:var(--primary-color);border-radius:1px 0 0;height:2px;position:absolute;top:60%}}& .title_step{width:90%;font-size:var(--md-size);color:var(--primary-color);margin-inline-start:var(--space-3xl);font-family:regular,sans-serif;position:relative;@media (width<=768px){width:70%}&:after{content:"";width:-webkit-fill-available;margin:0 var(--space-sm);background:linear-gradient(90deg,#1e3a8e,#fff);border-radius:1px 0 0;height:2px;position:absolute;top:50%}}&:last-child{& .title_step{width:fit-content;&:after{content:unset}}}}}}.contracted-for-checkbox{@media (width<=768px){flex-wrap:wrap}}.method-project-section{margin-bottom:2rem;& .added-project-method{margin-top:var(--space-lg);flex-wrap:wrap;justify-content:end;display:flex;& .title_method{width:95%;margin-bottom:var(--space-lg);position:relative;&.add_method{cursor:pointer;&:before{content:" +";font-size:var(--lg-size);left:calc(-1 * var(--space-2xl));width:var(--xl-size);height:var(--xl-size);z-index:999;cursor:pointer;background-color:#1e3a8e1a;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute}}&.remove_method{cursor:pointer;&:before{content:" -";font-size:var(--lg-size);left:calc(-1 * var(--space-2xl));width:var(--xl-size);height:var(--xl-size);z-index:999;cursor:pointer;background-color:#1e3a8e1a;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute}}&:after{content:"";left:calc(-1 * var(--space-lg));top:var(--xl-size);z-index:0;width:2px;height:calc(var(--3xl-size) * 2.2);background-color:var(--primary-color);position:absolute}}& .input-wrapper{width:30%;margin-inline-start:var(--space-lg);@media (width<=768px){width:45%;margin-inline-start:var(--space-sm)}}}}.design-project{& .design_project_table{gap:var(--space-sm);display:flex;& .design_project_table_title{color:var(--primary-color);border-radius:var(--radius-xs);width:10%;padding:var(--space-lg) 0;background-color:#1e3a8e1a;justify-content:center;align-items:center;display:flex;& .input-checkbox-wrapper{writing-mode:vertical-rl;text-orientation:mixed;justify-content:center;align-items:center;margin-inline-end:0;display:flex;transform:rotate(180deg);& input[type=checkbox]{transform:rotate(180deg);width:var(--sim-sm-size)!important;height:var(--sim-sm-size)!important}& .input-label{color:var(--primary-color)}& input[type=checkbox]:checked+.input-label:after,& input[type=radio]:checked+.input-label:after{transform:rotate(180deg)}}}& .design_project{width:90%;& .design_project_header{display:flex;& .design_project_title{width:100%;padding:var(--space-sm) 0;text-align:center;font-family:medium,sans-serif;font-size:var(--sim-sm-size)}}& .design_project_content{padding:var(--space-md);margin-top:var(--space-sm);border-radius:var(--radius-xs);background-color:#fff;flex-wrap:wrap;display:flex;position:relative;&:first-of-type{margin-top:0}& .design_project_col{width:21.25%;margin:auto;& .permits-inputs{flex-direction:column;align-items:start;width:75%;display:flex;& .input-checkbox-wrapper{justify-content:center;align-items:center;display:flex;margin-inline-end:0!important;& input[type=checkbox],& input[type=radio]{width:var(--sim-sm-size)!important;height:var(--sim-sm-size)!important;&:checked+.input-label:after{left:calc(var(--space-sm) + -6px);top:calc(-1 * var(--space-sm) + 18px)}}& .input-label{color:var(--primary-color);margin:.25rem 0;&:before{width:var(--checkbox-size-sm);height:var(--checkbox-size-sm);border-radius:4px}}}}& .design_project_text{justify-content:center;align-items:center;display:flex;& .color_primary{font-family:medium,sans-serif}}&:nth-child(4){width:15%}}& .design_project_collapse{cursor:pointer;justify-content:center;align-items:center;gap:var(--space-sm);width:100%;font-family:regular,sans-serif;display:flex;& .design_project_collapse_icon{width:var(--md-size);height:var(--md-size)}}}}}}.show-project{min-height:100vh;& .general-project-data{justify-content:space-between;align-items:end;display:flex;@media (width<=768px){align-items:start;gap:var(--space-md);flex-direction:column}}& .info{width:unset}& .floors-table-data{width:85%}& .breadcrumb{height:clamp(140px, calc(140 * 100vh / var(--base-height)), 170px);padding:unset;position:relative}& .header-breadcrumb{width:100%;height:100%}& .project-logo{left:var(--space-md);-o-object-fit:contain;object-fit:contain;width:100px;height:100px;padding:var(--space-md);background-color:#fff;border-radius:50%;position:absolute;bottom:-50px}& .menu-icon{right:var(--space-sm);top:var(--space-sm);cursor:pointer;gap:var(--gap-sm);width:30px;height:30px;padding-inline:var(--space-sm);background-color:#fff;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;box-shadow:0 4px 8px #0000001a;&.active{& svg{transform:rotate(180deg)}}&:hover{& svg{animation:.6s ease-in-out infinite alternate debouncing}}}& .dropdown-menu{margin-top:5px;& li{cursor:pointer;padding:var(--space-xs);border-radius:var(--radius-xs);align-items:center;gap:var(--gap-sm);color:#546881;transition:all .2s ease-in-out;display:flex;&:not(:last-child){border-bottom:1px solid #f2f2f3}&:hover{background-color:#f2f2f3;& svg{& path{fill:var(--primary-color)}}}}}& .dropdown-menu{right:var(--space-sm);top:calc(var(--xl-size) + var(--space-sm));border-radius:var(--radius-xs);z-index:1000;background-color:#fff;min-width:150px;position:absolute;box-shadow:0 4px 8px #0000001a}& .project-code{align-items:center;display:flex;& .project-title{margin-inline-end:5px;font-family:regular,sans-serif}& .code{color:#909dad;font-family:light,sans-serif}}& .project-status{align-items:center;width:100%;display:flex;& .lock{cursor:pointer;align-items:center;gap:var(--space-sm);color:var(--primary-color);font-family:regular,sans-serif;font-size:var(--md-size);text-decoration:underline;display:flex}}& .project-actions{align-items:center;gap:var(--space-lg);margin-top:var(--space-lg);display:flex;@media (width<=768px){gap:var(--space-sm);flex-wrap:wrap}& .btn-reject,& .btn-accept{width:25%}& .btn-primary{width:100%;font-family:regular,sans-serif}& .btn-secondary{width:100%;font-family:regular,sans-serif;& svg{fill:var(--primary-color)}}}& .project-info{margin-top:var(--space-lg);padding:var(--space-md);border-radius:var(--radius-sm);background-color:#fff;& .btn-wrapper{& .btn-primary{@media (width<=768px){width:100%}}}& .add-notes{&.disabled{opacity:.1}}& .last-variations{color:#47586e;font-size:var(--md-size);justify-content:space-between;align-items:center;gap:var(--space-sm);font-family:medium,sans-serif;display:flex}& .last-variations-code{color:var(--primary-color);font-size:var(--md-size);font-family:medium,sans-serif}&.change-status{border:1px soild var(--primary-color-opacity-1);justify-content:space-between;align-items:center;display:flex;@media (width<=768px){align-items:start;gap:var(--space-md);flex-direction:column}& .btn-secondary{& svg{& path{fill:var(--primary-color)}}}& .actions{width:35%;& button{width:100%}}}& .input-label{&:before{display:none}}& .project-title{align-items:center;gap:var(--space-xs);font-family:regular,sans-serif;font-size:var(--md-size);text-transform:capitalize;border-bottom:1px solid var(--line-color);padding-bottom:var(--space-sm);display:flex;@media (width<=768px){margin-bottom:1rem}}& .project-types{font-family:regular,sans-serif;font-size:var(--md-size);border-bottom:1px solid var(--line-color);width:fit-content;margin-top:var(--space-md);padding-bottom:var(--space-md);align-items:center;display:flex;@media (width<=768px){flex-wrap:wrap}& li{margin-inline-end:var(--space-3xl);display:flex;@media (width<=768px){width:100%}& span{margin-inline-start:var(--space-sm);display:block}&:last-of-type{margin-inline-end:0}}}& .project-address{margin-top:var(--space-md);justify-content:space-between;align-items:center;display:flex;& .address{align-items:center;font-family:regular,sans-serif;display:flex;@media (width<=768px){font-size:.8rem}& span{margin-inline-start:var(--space-sm);display:block}}}& .project-deliverables{& li{font-family:regular,sans-serif;font-size:var(--md-size);margin-top:var(--space-md);flex-wrap:wrap;align-items:center;display:flex;&:before{content:"▞";font-family:bold,sans-serif;font-size:var(--sm-size);color:#000;margin-inline-end:.5rem}& h3{margin-inline-end:.5rem}}}& .title-introduction{font-family:regular,sans-serif;font-size:var(--md-size);margin-bottom:var(--space-xs);margin-top:var(--space-lg);text-transform:capitalize}& .project-description{font-family:regular,sans-serif;font-size:var(--md-size);margin-bottom:var(--space-xs);border:1px solid var(--line-color);border-radius:var(--radius-sm);padding:var(--space-md);color:var(--light-color);align-items:center;gap:var(--sm-size);width:100%;white-space:wrap;word-wrap:break-word;overflow-wrap:break-word;text-wrap:wrap;flex-wrap:wrap;display:flex}& .design_project_table{gap:var(--space-sm);margin-bottom:var(--space-md);display:flex;& .design_project_table_title{color:var(--primary-color);border-radius:var(--radius-xs);width:5%;padding:var(--space-lg) 0;background-color:#1e3a8e1a;justify-content:center;align-items:center;display:flex;@media (width<=768px){width:10%}& .input-checkbox-wrapper{writing-mode:vertical-rl;text-orientation:mixed;justify-content:center;align-items:center;margin-inline-end:0;display:flex;transform:rotate(180deg);& input[type=checkbox]{transform:rotate(180deg);width:var(--sim-sm-size)!important;height:var(--sim-sm-size)!important}& .input-label{color:var(--primary-color)}& input[type=checkbox]:checked+.input-label:after,& input[type=radio]:checked+.input-label:after{transform:rotate(180deg)}}}& .design_project{width:95%;@media (width<=768px){overflow-x:auto}& .design_project_header{display:flex;@media (width<=768px){white-space:nowrap;flex-wrap:nowrap}& .design_project_title{width:33.3%;padding:var(--space-sm) 0;text-align:center;font-family:medium,sans-serif;font-size:var(--sim-sm-size);@media (width<=768px){width:unset;flex:0 0 50%}}}& .design_project_content{margin-bottom:var(--space-sm);border-radius:var(--radius-xs);background-color:#fff;flex-wrap:wrap;display:flex;@media (width<=768px){white-space:nowrap;flex-wrap:wrap}&.cols-3{& .design_project_col{width:33.3333%}}&.cols-5{@media (width<=768px){flex-wrap:nowrap}& .design_project_col{width:20%}}&.cols-6{@media (width<=768px){flex-wrap:nowrap}& .design_project_col{width:16.6667%;@media (width<=768px){width:unset;flex:0 0 50%}}}& .design_project_col{border-inline-end:2px solid var(--line-color);flex-direction:column;justify-content:center;width:14.2857%;display:flex;@media (width<=768px){width:unset;flex:0 0 50%}& .permits-inputs{flex-direction:column;align-items:start;display:flex;& .input-checkbox-wrapper{justify-content:center;align-items:center;display:flex;margin-inline-end:0!important;& input[type=checkbox],& input[type=radio]{width:var(--sim-sm-size)!important;height:var(--sim-sm-size)!important;&:checked+.input-label:after{left:calc(var(--space-sm) + -6px);top:calc(-1 * var(--space-sm) + 18px)}}& .input-label{color:var(--primary-color);margin:.25rem 0;&:before{width:var(--checkbox-size-sm);height:var(--checkbox-size-sm);border-radius:4px}}}}& .design_project_text{align-items:center;gap:var(--gap-xs);text-wrap:nowrap;justify-content:center;font-size:.8rem;display:flex;@media (width<=768px){background-color:#f8fafc}&.error{color:#c1474f}&.time{text-wrap:nowrap;& .visits-months{font-size:var(--sm-size)}}&:not(:last-of-type){border-bottom:2px solid var(--line-color)}&.total:last-of-type{border-inline-end:unset;border-bottom:unset}padding:var(--space-md);& .color_primary{text-wrap:nowrap;font-family:medium,sans-serif}}}}}}}& .presentation{width:50%;margin-top:var(--space-lg);justify-content:space-between;display:flex;@media (width<=768px){width:100%}& .title-presentation{color:var(--primary-color);align-items:center;width:30%;font-family:regular,sans-serif;display:flex;@media (width<=768px){width:100%}& .title{margin-inline-start:var(--space-sm);margin-inline-end:var(--space-xs);margin-bottom:0;display:block}}& .count-presentation{color:var(--primary-color);align-items:center;font-family:regular,sans-serif;display:flex;& .title{margin-inline-start:var(--space-sm);margin-inline-end:var(--space-xs);margin-bottom:0;display:block}}}& .button-wrapper{margin-top:var(--space-xl)}}.icon-download{border-radius:var(--radius-sm);cursor:pointer;border:1px solid #ebecef;padding:.2rem;&:hover{background-color:var(--primary-color);& svg{& path:nth-child(2),& path:first-child{fill:var(--white-color)}}}}.table-cost-time{background-color:var(--table-bg);padding:var(--space-md);& .design_project_content{background-color:#ffffff80!important}& .design_project_text{color:#546881}& .total{color:var(--primary-color);&.col{flex-direction:column}}& .design_project_content{border:1px solid #f1f3f61a}}.missions{text-align:center;width:100%;transition:all .3s ease-in-out;@media (width<=768px){background-color:#f1f5f9;padding-inline-start:1rem}& .mission{padding:0 0 var(--space-md) 0;border-radius:var(--radius-xs)}& .mission_title{margin:var(--space-sm) 0;align-items:center;gap:var(--gap-sm);display:flex;& .title{text-wrap:nowrap;width:fit-content;font-family:medium,sans-serif}& .mission-line{background-color:var(--line-color-2);width:100%;height:2px}}& .mission_content{justify-content:start;align-items:center;gap:var(--gap-sm);font-family:regular,sans-serif;font-size:var(--sm-size);color:#546881;display:flex;@media (width<=768px){justify-content:start}}}@keyframes debouncing{0%{transform:translateY(8px)}to{transform:translateY(-8px)}}.dropdown-menu{margin-top:5px;& li{cursor:pointer;padding:var(--space-xs);border-radius:var(--radius-xs);align-items:center;gap:var(--gap-sm);color:#546881;transition:all .2s ease-in-out;display:flex;&:not(:last-child){border-bottom:1px solid #f2f2f3}&:hover{background-color:#f2f2f3;& svg{& path{fill:var(--primary-color)}}}}right:var(--space-sm);top:calc(var(--xl-size) + var(--space-sm));border-radius:var(--radius-xs);z-index:1000;background-color:#fff;min-width:150px;position:absolute;box-shadow:0 4px 8px #0000001a}.project-details{font-family:regular,sans-serif;font-size:var(--md-size);-moz-column-break-inside:avoid;break-inside:avoid;page-break-inside:avoid;flex-wrap:wrap;align-items:center;display:flex;& li{min-width:32%;margin-top:var(--space-md);text-transform:capitalize;-moz-column-break-inside:avoid;break-inside:avoid;page-break-inside:avoid;justify-content:start;align-items:center;display:flex;& h3{align-items:center;display:flex;&:before{content:"";background-image:url("data:image/svg+xml,%3csvg%20width='30'%20height='30'%20viewBox='0%200%2030%2030'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M7.5%2011.6625V18.3375C7.5%2022.4875%2010.4375%2024.175%2014.025%2022.1125L15.625%2021.1875C16.0125%2020.9625%2016.25%2020.55%2016.25%2020.1V9.89997C16.25%209.44997%2016.0125%209.03747%2015.625%208.81247L14.025%207.88747C10.4375%205.82497%207.5%207.51247%207.5%2011.6625Z'%20fill='%231E3A8E'/%3e%3cpath%20opacity='0.4'%20d='M17.5%2010.9875V19.025C17.5%2019.5125%2018.025%2019.8124%2018.4375%2019.5624L19.8125%2018.7625C23.4%2016.7%2023.4%2013.2999%2019.8125%2011.2375L18.4375%2010.4375C18.025%2010.2%2017.5%2010.5%2017.5%2010.9875Z'%20fill='%231E3A8E'/%3e%3c/svg%3e");background-size:25px 20px;width:25px;height:20px;display:inline-block}-moz-column-break-inside:avoid;break-inside:avoid;page-break-inside:avoid;@media print{-moz-column-break-inside:avoid;break-inside:avoid;page-break-inside:avoid;&:before{display:none}}}& p{margin-inline-start:var(--space-xs);display:block}@media (width<=768px){width:100%}}}.floors-table{justify-content:space-between;gap:var(--space-sm);padding:var(--space-sm);border-radius:var(--space-sm);background-color:#1e3a8e1a;display:flex;& .floors-table-head{flex-direction:column;width:15%;display:flex;@media (width<=768px){width:40%}& span{padding:var(--space-md);text-transform:capitalize;background-color:var(--white-color);border-radius:var(--space-sm);text-align:center;margin-bottom:var(--space-xs);color:var(--primary-color);font-family:regular,sans-serif;font-size:.7rem;&:last-child{margin-bottom:0}@media (width<=768px){padding:var(--space-md) var(--space-xs)}}}& .add-remove-floor{flex-direction:column;justify-content:center;align-items:center;width:5%;display:flex;& .add-floor{padding:var(--space-sm);& .add-floor-button{background-color:var(--white-color);color:var(--primary-color);border:1px solid var(--primary-color);width:var(--xl-size);height:var(--xl-size);border-radius:50%;justify-content:center;align-items:center;font-size:1.3rem;display:flex}}& .remove-floor{padding:var(--space-sm);& .remove-floor-button{background-color:var(--white-color);color:var(--primary-color);border:1px solid var(--primary-color);width:var(--xl-size);height:var(--xl-size);border-radius:50%;justify-content:center;align-items:center;font-size:1.3rem;display:flex}}}}.floors-table-data{width:85%;padding-bottom:var(--space-xs);gap:var(--space-xs);display:flex;overflow-x:auto;&::-webkit-scrollbar{height:7px}&::-webkit-scrollbar-track{border-radius:10px;box-shadow:inset 0 0 5px gray}&::-webkit-scrollbar-thumb{background:var(--primary-color);border-radius:10px}&::-webkit-scrollbar-thumb:hover{background:var(--primary-color)}& .floor_data-content{flex-direction:column;min-width:13%;max-width:20%;display:flex;position:relative;@media (width<=768px){min-width:40%;max-width:40%}& .icon{cursor:pointer;justify-content:space-between;align-items:center;width:95%;display:flex;position:absolute;top:.25rem;right:.25rem;& svg{width:14px}}& .input{padding:var(--space-md);text-transform:capitalize;background-color:var(--white-color);border-radius:var(--space-sm);text-align:center;margin-bottom:var(--space-xs);width:100%;font-family:regular,sans-serif;font-size:.7rem;&:last-child{margin-bottom:0}&:focus-visible{outline:unset;box-shadow:2px 2px 2px 2px #1e3a8e1a}}}}.head-export{padding:var(--space-md);background:linear-gradient(90deg,#30458d 0%,#1f2d5df0 32.26%,#111935 66.5%);margin-bottom:.5mm}.footer-export{padding-bottom:.5mm}.export-project-pdf{background-color:#fff;@media screen and (width<=1100px){background-color:#fff;padding:1rem 0;& .main-content{background-color:#fff}}& .main-content{background-color:#fff}& .element{padding:0 0 .65mm!important}& .table{@media screen and (width<=1100px){border:1px solid #a7a1a1}& thead{& th{color:var(--primary-color);background-color:#1e3a8e1a}@media screen and (width<=1100px){clip:unset;height:unset;margin:unset;overflow:unset;padding:unset;position:unset;width:unset;border:none;border-bottom:1px solid #a7a1a1!important;& tr{margin-bottom:0;display:table-row;border-bottom:1px solid #a7a1a1!important}}}& tbody{@media screen and (width<=1100px){& tr{margin-bottom:0;display:table-row;border-bottom:1px solid #a7a1a1!important;& td{text-align:center;padding:var(--space-sm);vertical-align:middle;font-family:regular,sans-serif;display:table-cell;border-bottom:1px solid #a7a1a1!important}}}}& tfoot{& tr{margin-bottom:0;display:table-row;border-bottom:1px solid #a7a1a1!important;& td{text-align:center;padding:var(--space-sm);vertical-align:middle;font-family:regular,sans-serif;display:table-cell;border-bottom:1px solid #a7a1a1!important}}}}& .title-info{font-family:bold,sans-serif;font-size:var(--md-size);color:#000}& .subtitle-info{color:#000;font-family:medium,sans-serif}& .text-info{font-family:regular,sans-serif;font-size:var(--sim-sm-size);color:#000}& .payment-service{margin:1rem 0;padding-inline-start:1.5rem;font-size:.875rem;line-height:1.25rem;& li{margin-bottom:.5rem;font-family:medium,sans-serif;& span{color:#5d6c81;padding-inline-end:.3rem}}}& .export-info-data{border-bottom:1px solid #a7a1a1;padding-top:var(--space-lg)!important;padding-bottom:var(--space-md)!important;& .info-project-data{border-radius:var(--radius-sm);background-color:#0000;border:1px solid #b2bbc6;width:30%;& .project-info{border-bottom:1px solid #a7a1a1;justify-content:space-between;align-items:center;display:flex;&:last-child{border-bottom:none}& .title-info{font-family:medium,sans-serif;font-size:var(--sm-size);color:#000;border-inline-end:1px solid #a7a1a1;width:40%;padding:var(--space-sm)!important}& .text-info{font-family:regular,sans-serif;font-size:var(--sm-size);color:#000;padding:var(--space-sm)!important}}}& .data-export{& .project-info{align-items:center;gap:var(--space-sm);width:fit-content;margin-bottom:var(--space-sm);border-bottom-right-radius:var(--radius-md);border-top-right-radius:var(--radius-md);padding:0 var(--space-md);vertical-align:middle;background-color:#1620430f;height:35px;display:flex;& .title-info{font-family:medium,sans-serif;font-size:var(--sim-sm-size);color:#000;padding-block:var(--space-xs)}& .text-info{font-family:regular,sans-serif;font-size:var(--sim-sm-size);color:#000;padding-block:var(--space-xs)}}}}& .export-offer-data{@media screen and (width<=1100px){padding-inline:.5rem}& .project-info{align-items:center;gap:var(--space-sm);margin-bottom:var(--space-xs);margin-top:var(--space-sm);display:flex;& .title-info{font-family:bold,sans-serif;font-size:var(--sim-sm-size);color:#000}& .text-info{font-family:regular,sans-serif;font-size:var(--sim-sm-size);color:#000}}& .project-table{margin-bottom:1rem;& .table{border:1px solid #a7a1a1;width:95%;margin:auto;& thead{color:#000;border-bottom:1px solid #a7a1a1;& tr{& th{text-align:center;padding:var(--space-sm);vertical-align:middle;border-inline-end:1px solid #a7a1a1;font-family:bold,sans-serif;&:first-child{width:50px}}}}& tbody{color:#000;border-bottom:1px solid #a7a1a1;& tr{border-bottom:1px solid #a7a1a1;&:last-child{border-bottom:none}& td{text-align:center;padding:var(--space-sm);vertical-align:middle;border-inline-end:1px solid #a7a1a1;font-family:regular,sans-serif}}}& tfoot{color:#000;border-bottom:1px solid #a7a1a1;& tr{& td{text-align:center;padding:var(--space-sm);vertical-align:middle;border-inline-end:1px solid #a7a1a1;font-family:bold,sans-serif}}}}}& .floors-table-grid{background-color:#0000;border:1px solid #a7a1a1;flex-wrap:wrap;width:95%;margin:0 auto;display:flex}& .grid-floor{flex-direction:column;min-width:12.5%;max-width:22%;display:flex;position:relative;&:nth-child(8n){& .grid-floor-field{border-inline-end:none}}}& .grid-floor-field{padding:var(--space-md);text-transform:capitalize;text-align:center;border-bottom:1px solid #a7a1a1;color:#434343;border-inline-end:1px solid #a7a1a1;width:100%;margin-bottom:0;font-family:regular,sans-serif;font-size:.7rem;&.font-bold{color:var(--primary-color)}}& .time-schedule-table{margin-bottom:1rem;& .table{table-layout:auto;border-collapse:collapse;border:1px solid #a7a1a1;width:95%;margin:auto;& thead{color:#000;border-bottom:1px solid #a7a1a1;& tr{& th{text-align:center;padding:var(--space-sm);vertical-align:middle;border-inline-end:1px solid #a7a1a1;font-family:bold,sans-serif;&:first-child{width:150px}}}}& tbody{color:#000;border-bottom:1px solid #a7a1a1;& tr{border-bottom:1px solid #a7a1a1;&:last-child{border-bottom:none}& td{text-align:center;vertical-align:middle;border-inline-end:1px solid #a7a1a1;font-family:regular,sans-serif;font-size:.8rem;& span{padding:var(--space-sm);display:block;&:last-child{border-bottom:none}}}}}& tfoot{color:#000;border-bottom:1px solid #a7a1a1;& tr{& td{text-align:center;padding:var(--space-sm);vertical-align:middle;border-inline-end:1px solid #a7a1a1;font-family:bold,sans-serif}}}}}& .approval{border:1px solid #a7a1a1;grid-template-columns:repeat(1,minmax(0,1fr));display:grid;@media (width>=768px){grid-template-columns:repeat(3,minmax(0,1fr))}& .approval-col{padding-inline-start:.5rem;border-inline-end:1px solid #a7a1a1;grid-column:span 1/span 1;padding-bottom:4rem;font-family:medium,sans-serif;&:last-child{border-inline-end:none}}}& .deliverables{margin-bottom:1rem;font-family:medium,sans-serif;& li{align-items:center;display:flex;&:before{content:"▞";font-family:bold,sans-serif;font-size:var(--sm-size);color:#000;margin-inline-end:.5rem}}}}& .scope-service{& .text-info{margin-inline-start:1rem}& .subtitle-info{font-family:bold,sans-serif;font-size:var(--md-size);color:#000;margin-inline-start:1rem}& .design-scope{margin-inline-start:2rem;& *{color:#5d6c81}& .parent-title-tree,& .parent-subtitle-tree{margin-inline-start:2rem}& .text-info{margin-top:.5rem;margin-inline-start:1rem;font-family:medium,sans-serif}}}}.footer-export{padding:var(--space-sm);margin-top:var(--md-size);clip-path:polygon(0 0,85% 0,100% 100%,0% 100%);align-items:end;gap:var(--space-md);background:linear-gradient(90deg,#253671 0%,#141d3c 100%);border-top:1px solid #a7a1a1;width:70%;display:flex;& .logo{max-height:60px}& p{font-family:regular,sans-serif;font-size:var(--sm-size);color:#fff;margin-top:var(--space-sm)}}.head-export{padding-bottom:var(--space-sm);border-bottom:2px solid #000;justify-content:space-between;align-items:center;display:flex;& .logo{width:70%;border-inline-end:3px dashed #ffffff73;justify-content:space-between;align-items:end;padding-inline-end:var(--space-xl);display:flex;& .logo-orbit{width:150px}& .logo-text{-o-object-fit:scale-down;object-fit:scale-down;height:100%}}& .information-data{font-size:var(--sm-size);color:#000;font-family:regular,sans-serif;& p{color:#fff;margin-bottom:var(--space-xs);&:last-child{margin-bottom:0}}}}.client-requirements{gap:var(--space-md);width:100%;max-height:400px;padding:var(--space-sm);flex-direction:column;display:flex;overflow-y:auto}.client-requirement-item{justify-content:space-between;align-items:center;gap:var(--space-xs);width:100%;padding:var(--space-md);border:1px solid #ccc;border-radius:1rem;transition:all .3s ease-in-out;display:flex;box-shadow:0 0 0 1px #0000001a;&.pending{--tw-bg-opacity:1;background-color:rgb(252 252 220/var(--tw-bg-opacity,1));border-color:#f59e0b}&.accepted{--tw-bg-opacity:1;background-color:rgb(220 252 231/var(--tw-bg-opacity,1));border-color:#10b981}&.rejected{--tw-bg-opacity:1;background-color:rgb(252 220 220/var(--tw-bg-opacity,1));border-color:#ef4444}& .info{gap:var(--space-sm);flex-direction:column;align-items:flex-start;display:flex;& p{font-family:regular,sans-serif;font-size:var(--sm-size);color:#5d6c81;&>span{font-family:bold,sans-serif;font-size:var(--md-size);color:#000}}}}.add-project{& .input-checkbox-wrapper{align-items:center;margin-inline-end:var(--space-md);& .input-label{height:fit-content;position:relative}& input[type=checkbox]:checked+.input-label:after,& input[type=radio]:checked+.input-label:after{content:"✓";left:calc(var(--space-sm) + -3px);top:calc(-1 * var(--space-sm) + 14px);color:#fff;font-size:calc(var(--checkbox-size) / 2);position:absolute}}& .input-label-check{width:100%;margin-bottom:var(--space-sm);border-radius:var(--radius-sm);flex-direction:row-reverse;justify-content:space-between;display:flex;&.background{z-index:999;background-color:#b2bbc633;justify-content:center;align-items:center;width:40%;height:100%;margin-bottom:0;font-size:.8rem;display:flex;position:absolute}&:after{right:calc(var(--space-sm) + -3px);left:unset!important}}& .measurement-card{padding:var(--space-sm);border-radius:var(--radius-sm);background-color:#fff6;&.disabled{opacity:.6}& .input{border:none}& .group-input{gap:var(--space-sm);display:flex;& .input{padding-inline-start:43%}}}}.status{padding:var(--space-xs) var(--space-md);border-radius:var(--radius-lg);white-space:nowrap;justify-content:center;align-items:center;font-family:medium,sans-serif;display:flex;@media (width<=1100px){border-radius:var(--radius-sm);height:35px}&.status_New,&.status_ExtraPaid,&.status_NS{color:var(--primary-color);background-color:var(--primary-color-opacity-1)}&.status_UnderStudy,&.status_Sent,&.status_Resend,&.status_Previewed{color:#17a2b8;background-color:#17a2b81a}&.status_Hold,&.status_Pending,&.status_IP,&.status_Partial,&.status_InProgress{color:var(--warning-color);background-color:#ffc1071a}&.status_Rejected,&.status_Canceled,&.status_Unpaid,&.status_PB,&.status_Closed{color:var(--danger-color);background-color:#ef38261a}&.status_WaitingPreview,&.status_WD,&.status_WaitingDocs{color:var(--info-color);background-color:#6227ef1a}&.status_Confirmed,&.status_Accepted,&.status_Converted,&.status_Approved,&.status_US,&.status_paid,&.status_Solved,&.status_FINISH,&.status_LPO,&.status_LPOException{color:var(--success-color);background-color:#00b69b1a}&.status_Revised,&.status_Previewed,&.status_BS{color:#212a43;background-color:#212a431a}}.project-head-line{text-transform:none;background:linear-gradient(90deg,#1e3a8e,#1e3a8e,#0a152e);color:#0000;gap:var(--space-sm);margin-bottom:var(--space-lg);-webkit-background-clip:text;font-family:bold,serif;display:flex;& span{text-transform:capitalize}}.project-new-old-tabs{border-radius:var(--radius-sm);padding:var(--space-xs);background-color:#b2bbc61a;align-items:center;display:flex;& .tab{cursor:pointer;border-radius:var(--radius-sm);width:100%;font-family:medium,sans-serif;position:relative;& input[type=radio]{display:none;&:checked+label{color:#fff;&:before{opacity:1;transform:translate(0)}}}& label{cursor:pointer;font-size:var(--sm-size);color:var(--dark-color);padding:var(--space-sm) var(--space-sm);border-radius:var(--radius-sm);width:100%;transition:all var(--transition-sm);z-index:1;justify-content:center;align-items:center;margin-bottom:0;display:flex;position:relative;overflow:hidden;&:before{content:"";background-color:var(--primary-color);opacity:0;z-index:-1;width:100%;height:100%;transition:all var(--transition-sm);position:absolute;top:0;left:0;transform:translate(-100%)}&:hover{color:#fff;&:before{opacity:1;transform:translate(0)}}}}}.floor-card{border-radius:var(--sm-size);flex-direction:column;gap:1rem;margin-bottom:1rem;padding:1rem;display:flex;box-shadow:inset 0 0 0 1px #0000000d,inset 0 2px 8px #0000000a,inset 0 1px 12px #00000005;& .floor-header{align-items:center;gap:1rem;display:flex;& .floor-title{font-size:var(--md-size);color:#000;text-wrap:nowrap;font-family:Medium,sans-serif}& .floor-line{background-color:#b2bbc633;border-radius:2px;width:100%;height:1px}& .minimize{cursor:pointer;align-items:center;gap:.5rem;display:flex;& .minimize-icon{font-size:var(--md-size);color:#546881}& span{font-size:var(--md-size);color:var(--primary-color);font-family:Regular,sans-serif}}}}.floor-content{align-items:center;gap:1rem;width:100%;display:flex;& .counter{border:1px soild #1e3a8e80;background-color:#f1f3f8;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;display:flex}& .inputs-floor{flex:1}}.line-notes{background-color:#b2bbc633;width:100%;height:1px}.all-deta{background:#fff;border-radius:8px;margin-bottom:1rem;padding:1rem;& span{font-size:var(--sim-sm-size);color:#0000009c;font-family:regular,sans-serif}& .head{align-items:center;gap:2rem;display:flex;& h4{color:var(--primary-color);font-size:1rem;font-weight:700}}@media screen and (width<=425px){& .head{margin-top:1rem}}@media screen and (width<=768px){& .head{margin-top:1rem}}& .client-details{& h4{font-size:var(--sim-sm-size);color:var(--primary-color);font-family:bold}& p{font-size:var(--sim-sm-size);color:#0000009c;margin-bottom:.5rem;font-family:regular}& img{border-radius:50%;width:60px;height:60px}}& .appointment-papers{flex-wrap:wrap;justify-content:space-between;align-items:start;margin-top:.5rem;display:flex;& .head{& h4{margin-bottom:0}}& .appointment-download{& .head{& h4{margin-bottom:0}}& .download{border:1px solid #0000002b;border-radius:7px;align-items:center;gap:2rem;width:fit-content;margin-top:.5rem;padding:.3rem;display:flex;& .img-inof{gap:.5rem;display:flex;& img{border-radius:4px;width:38px;height:38px}}}& .all-download{gap:var(--gap-md);flex-wrap:wrap;display:flex}}}}.Practical-information{background-color:#0ff;flex-wrap:wrap;justify-content:space-between;align-items:start;gap:10px;display:flex;& .right{background:#fff;border-radius:8px;width:50%;padding:.5rem;& h4{font-size:var(--sim-sm-size);color:var(--primary-color);margin-top:1rem;margin-bottom:.5rem;font-family:bold}& p{font-size:var(--sim-sm-size);color:#0000009c;margin-bottom:.5rem;font-family:regular}}@media screen and (width<=425px){& .right{width:100%}& .head{margin-top:1rem}}@media screen and (width<=768px){& .right{width:100%}& .head{margin-top:1rem}}& .left{background:#fff;border-radius:8px;width:49%;padding:.5rem;& h4{font-size:var(--sim-sm-size);color:var(--primary-color);margin-top:1rem;margin-bottom:.5rem;font-family:bold}& p{font-size:var(--sim-sm-size);color:#0000009c;margin-bottom:.5rem;font-family:regular}}@media screen and (width<=425px){& .left{width:100%}}@media screen and (width<=768px){& .left{width:100%}}& .all-btn{gap:.5rem;display:flex;& button.btn.btn-primary{font-size:.6rem}}@media screen and (width<=425px){& .all-btn{display:block}& button.btn.btn-primary{margin-top:.5rem}}@media screen and (width<=768px){& .all-btn{display:block}& button.btn.btn-primary{margin-top:.5rem}}}.p-tab-active{color:var(--primary-color)!important;border-color:var(--primary-color)!important}.status-info{border-radius:var(--radius-md);padding-inline:1rem;background-color:#fff;padding-bottom:1rem;position:relative;@media (width<=768px){width:100%}&:hover{box-shadow:0 0 10px #0000001a;&:nth-child(odd){& .last-day{opacity:1;right:-350px;@media (width<=768px){right:-180px}}}&:nth-child(2n){& .last-day{opacity:1;left:-200px;@media (width<=768px){left:-50px}}}}& .info-item{align-items:center;gap:.5rem;display:flex;&.note{border-top:1px solid #5468811a;margin-top:1rem;padding-top:1rem}}& .info-item-title{font-family:medium,sans-serif;font-size:var(--md-size);color:#000}& .info-item-value{font-family:regular,sans-serif;font-size:var(--md-size);color:#546881}& .icon{position:absolute;top:50%;transform:translate(-50%);@media (width<=1439px){display:none}}}.last-day{color:var(--primary-color);border-radius:var(--radius-sm);padding:var(--space-sm);opacity:0;background-color:#b2bbc61a;transition:all .7s ease-in-out;position:absolute;top:50%;transform:translate(-50%)}.status-info:nth-child(odd){justify-self:start;@media (width<=1439px){justify-self:center}& .last-day{right:-120px}& .icon{right:-50px}}.status-info:nth-child(2n){justify-self:end;@media (width<=1439px){justify-self:center}& .last-day{left:-120px}& .icon{left:-25px}}.status-info .status{border-top-left-radius:0;border-top-right-radius:0}.status-info .info{padding-top:1rem}.history{padding-inline:2rem;flex-direction:column;grid-template-columns:1fr;gap:1rem;padding-top:1rem;display:grid;position:relative;& .status-history{text-align:center}&:before{content:"";background-color:var(--primary-color);width:5px;height:100%;position:absolute;top:0;left:50%;transform:translate(-50%)}}.project-info-status{margin-inline:auto;background-color:#fff;border:3px solid #1e3a8e99;border-radius:4.5rem;flex-direction:column;align-items:center;gap:.5rem;width:fit-content;margin-top:1rem;padding:1rem 2rem;display:flex;position:relative;&:before{content:"";background-color:var(--primary-color);width:1.5rem;height:5px;position:absolute;top:100%;left:50%;transform:translate(-50%)}}.statics{gap:var(--gap-sm);margin-top:var(--space-lg);display:flex;@media (width<=768px){flex-wrap:wrap}& .statics-item{border-radius:var(--radius-sm);width:100%;padding:var(--space-md);gap:var(--gap-sm);background-color:#fff;display:flex;& .statics-item-value{font-family:medium,sans-serif;font-size:calc(var(--md-size) + 2px)}& .statics-item-name{font-family:regular,sans-serif;font-size:var(--md-size);color:#546881}}}.client-info{align-items:center;padding:1rem;display:flex;& .img-container{border-radius:var(--radius-md);width:100px;height:100px;overflow:hidden;& img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}}& .client-data{flex-wrap:wrap;align-items:center;display:flex;@media (width<=768px){gap:var(--sm-size);flex-direction:column;& .client-item{width:100%}}& .client-item{align-items:center;gap:var(--sm-size);text-wrap:nowrap;width:50%;display:flex;& .client-data-title,& .client-data-value{font-family:medium,sans-serif;font-size:var(--sim-sm-size)}& .client-data-title{color:#1d242d}& .client-data-value{color:#546881}}}}.table-wrapper{height:300px;overflow-y:auto;& th{text-align:center!important}}.study-attachments{& .input-image-attachment-study,& .dragged{gap:var(--gap-md);background-color:var(--primary-color-opacity-1);padding:var(--space-md);color:var(--primary-color);border:1px dashed #b9c2dc;border-radius:1rem;flex-direction:column;font-family:Medium,sans-serif;display:flex;& .attachment-title{color:#0b1432;font-family:Medium,sans-serif}& input[type=file]{display:none}}& .dragged{flex-flow:wrap;justify-content:center;align-items:center}& .attachments-gallery{width:60px;height:60px;padding:var(--sm-size);border-radius:var(--radius-sm);background-color:#fff;flex-direction:column;justify-content:center;align-items:center;gap:4px;display:flex;position:relative;& img{aspect-ratio:16/9}& .date{font-family:regular,sans-serif;font-size:var(--sm-size);color:var(--primary-color)}& .name{font-family:regular,sans-serif;font-size:var(--sm-size);color:var(--text-color-4)}& .icon{cursor:pointer;position:absolute;top:2px;right:2px}& img{-o-object-fit:cover;object-fit:cover;border-radius:var(--radius-md);width:100%;height:100%}}}.available-numbers{width:100%;height:650px;overflow:auto;&::-webkit-scrollbar{width:5px;height:5px}&::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px #0000004d}&::-webkit-scrollbar-thumb{background-color:var(--primary-color);outline:1px solid #708090}& .input-number{width:100%;& label{border:1px solid var(--border-input-color);border-radius:var(--radius-md);padding:var(--space-md);font-size:var(--md-size);background-color:var(--background-input-color);transition:border-color var(--transition-sm);color:var(--text-color-4);cursor:pointer;justify-content:center;align-items:center;font-family:medium,sans-serif;display:flex}& input[type=radio],& input[type=checkbox]{display:none;&:checked+label{border-color:var(--primary-color);color:var(--primary-color);background-color:var(--primary-color-opacity-1)}}}}.project-plan{& .department-card,& .department-card-show{gap:var(--space-sm);background-color:var(--white-color);border-radius:var(--radius-sm);margin-bottom:var(--space-lg);flex-direction:column;display:flex;& .department-title,& .permits-title{align-items:center;gap:var(--space-sm);font-family:Medium,sans-serif;display:flex}& .permits-title{font-size:var(--md-size);color:var(--primary-color)}& .department-title{padding-bottom:var(--space-md)}& .accordion-content{border-top:2px solid var(--line-color);padding-top:var(--space-md)}}& .department-card{padding:var(--space-md)}& .department-card-show{border:1px solid var(--primary-color-opacity-1);background-color:#0000;& .title-wrapper{padding:var(--space-md);border-radius:var(--radius-sm);background-color:#fff}& .floor-plan-show{gap:var(--space-sm);padding:var(--space-md);background-color:#0000;flex-direction:column;display:flex;& .floor{padding:var(--space-md);border-radius:var(--radius-sm);background-color:#fff;justify-content:space-between;align-items:center;display:flex;& .floor-title{align-items:center;gap:var(--space-sm);display:flex;& .floor-subtitle{font-size:var(--md-size);color:var(--primary-color);font-family:Medium,sans-serif}}& .span-title{font-size:var(--md-size);font-family:Medium,sans-serif}& .span-subtitle{font-size:var(--md-size);color:#546881;font-family:Regular,sans-serif}}}}}.floor-body{border-radius:var(--radius-sm);padding:var(--space-md);background-color:#f1f5f9}.btn-upload-attachments{justify-content:center;align-items:center;gap:var(--sm-size);background-color:var(--primary-color);border-radius:var(--radius-md);width:100%;height:100%;padding:var(--md-size);font-size:var(--lg-size);color:var(--white-color);flex-direction:column;font-family:regular,sans-serif;display:flex}.hierarchy-container{& .hierarchy{align-items:start;gap:var(--gap-md);display:flex;position:relative;&:before{content:"";background-color:var(--primary-color);border-radius:5px;width:4px;height:calc(100% - 32px);position:absolute;top:32px;left:.8rem}& .hierarchy-icon{z-index:100000;background-color:#1e3a8e1a;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;display:flex;overflow:hidden;& svg{z-index:100000}&.loader-icon{border:5px solid;border-color:var(--primary-color) transparent;box-sizing:border-box;border-radius:50%;width:32px;height:32px;animation:1s linear infinite rotation;display:inline-block}}& .hierarchy-body{border-radius:var(--radius-md);width:100%;padding:var(--space-md);background-color:#fff;justify-content:space-between;align-items:center;display:flex;& .hierarchy-title{font-family:medium,sans-serif;font-size:var(--md-size)}& .hierarchy-count{font-family:bold,sans-serif;font-size:var(--md-size);color:var(--primary-color)}& .actions{width:50px;height:50px;padding:var(--space-md);border-radius:var(--radius-sm);background-color:#f1f5f9;justify-content:center;align-items:center;display:flex;position:relative;overflow:visible;& .dropdown-menu{display:none}&:hover{& .dropdown-menu{display:block}}}}}}@keyframes rotation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.page-container{background-color:#f5f7fa;min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.top-tabs{scrollbar-width:thin;gap:8px;padding:0 20px;display:flex;overflow-x:auto}.top-tabs::-webkit-scrollbar{height:4px}.top-tabs::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.tab-button{cursor:pointer;color:#6b7280;white-space:nowrap;background:#fafeff;border:none;border-bottom:3px solid #0000;border-radius:15px;align-items:center;gap:8px;padding:12px 20px;font-size:14px;font-weight:500;transition:all .3s;display:flex;position:relative}.tab-button:hover{color:#3b82f6;background-color:#eff6ff}.tab-button.active{color:#1e3a8e;background-color:#fafeff;border-bottom-color:#1e3a8e;font-family:Bold;& :after{content:"";filter:blur(5px);z-index:0;background:#adc4eb40;border-radius:50%;width:80%;height:15px;position:absolute;bottom:0;left:50%;transform:translate(-50%)}}.tab-icon{width:20px;height:20px}.breadcrumb{background-color:#ffffffe5;align-items:center;gap:20px;padding:15px 30px;display:flex}.breadcrumb-back{cursor:pointer;color:#5e5e5e;border-radius:6px;align-items:center;gap:6px;padding:6px 12px;font-family:Bold;font-size:14px;transition:all .2s;display:flex}.breadcrumb-back:hover{background-color:#f9fafb;border-color:#d1d5db}.breadcrumb-path{align-items:center;gap:8px;font-size:14px;display:flex}.breadcrumb-item{color:#1f41bb;font-family:Bold}.breadcrumb-item.active{color:#1f41bb6d;font-family:Bold}.breadcrumb-separator{color:#1f41bb4d;font-family:Bold}.content-area{background:#ffffffe5;border-radius:24px;margin:25px 0;padding:30px}.category-list{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;display:grid}.category-card{cursor:pointer;background:#fbfbfb;border:2px solid #e8ebe5;border-radius:15px;justify-content:center;align-items:center;gap:16px;margin-bottom:20px;padding:10px 14px;transition:all .3s;display:flex}.category-card:hover{border-color:#3b82f6;transform:translateY(-2px);box-shadow:0 4px 12px #3b82f626}.category-icon{background:linear-gradient(135deg,#eff6ff 0%,#dbeafe 100%);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;display:flex}.category-info{justify-content:center;align-items:center;gap:8px;display:flex}.category-title{color:#1f2937;margin:0 0 4px;font-size:16px;font-weight:600}.category-count{color:#6b7280;margin:0;font-size:13px}.category-arrow{color:#d1d5db;flex-shrink:0;font-size:24px;transition:all .3s}.category-card:hover .category-arrow{color:#3b82f6;transform:translate(4px)}.sub-items-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:16px;display:grid}.sub-item-card{cursor:pointer;text-align:center;background:#fff;border:2px solid #e5e7eb;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;min-height:120px;padding:20px;transition:all .3s;display:flex;position:relative}.sub-item-card:hover{border-color:#3b82f6;transform:translateY(-2px);box-shadow:0 4px 12px #3b82f61a}.sub-item-card.active{background:linear-gradient(135deg,#eff6ff 0%,#dbeafe 100%);border-color:#3b82f6}.sub-item-icon{margin-bottom:12px;font-size:32px}.sub-item-icon-svg{width:32px;height:32px;margin-bottom:12px}.sub-item-label{color:#1f2937;word-wrap:break-word;font-size:14px;font-weight:600}.sub-item-badge{color:#fff;background:#3b82f6;border-radius:10px;min-width:20px;padding:3px 8px;font-size:11px;font-weight:600;position:absolute;top:10px;right:10px}@media (width<=768px){.category-list{grid-template-columns:1fr}.sub-items-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.top-tabs{padding:0 10px}.content-area{padding:20px}.breadcrumb{flex-wrap:wrap;padding:12px 20px}.tab-button{padding:10px 16px;font-size:13px}}.invoice-type{align-items:center;gap:var(--gap-md);margin-bottom:var(--space-md);display:flex;& .type-invoice-radio{justify-content:space-between;align-items:center;gap:var(--gap-sm);padding:var(--space-sm);border:1px solid var(--line-color);border-radius:var(--radius-sm);cursor:pointer;background-color:#fff;width:100%;transition:all .2s ease-in-out;display:flex;& span{cursor:pointer;color:var(--text-color-4);font-family:medium,sans-serif;font-size:var(--md-size);margin-bottom:0}&:hover{border:1px solid var(--primary-color);transition:all .2s ease-in-out}&:has(input[type=radio]:checked){border:1px solid var(--primary-color);transition:all .2s ease-in-out;& .checkmark{background-color:var(--primary-color);border-color:var(--primary-color)}& .checkmark:after{content:"";clip-path:polygon(14% 44%,0 65%,50% 100%,100% 16%,80% 0%,43% 62%);background-color:#fff;width:60%;height:60%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(45deg)}& span{color:var(--primary-color);transition:all .2s ease-in-out}}& input[type=radio]{display:none}& .checkmark{width:var(--md-size);height:var(--md-size);vertical-align:middle;background-color:#fff;border:2px solid #ccc;border-radius:4px;margin-right:8px;display:inline-block;position:relative}}}.invoice-type-links{align-items:center;gap:var(--gap-md);margin-bottom:var(--space-md);display:flex;& a{text-align:center;justify-content:center;align-items:center;gap:var(--gap-sm);padding:var(--space-lg) var(--space-md);border:1px solid var(--line-color);border-radius:var(--radius-sm);cursor:pointer;width:100%;color:var(--text-color-4);font-family:regular,sans-serif;font-size:var(--md-size);background-color:#fff;transition:all .2s ease-in-out;display:flex;position:relative;&.router-link-exact-active.router-link-active{color:var(--primary-color);background:linear-gradient(#1e3a8e1a,#fff);&:after{display:block}}&:after{content:"";border-radius:var(--radius-sm) var(--radius-sm) 0 0;background-color:var(--primary-color);z-index:1;width:90%;height:6px;box-shadow:0 0 10px 5px rgba(var(--primary-color-opacity-1));transition:all .2s ease-in-out;display:none;position:absolute;top:-6px;left:5%}&.disabled{opacity:.7;coursor:not-allowed;pointer-events:none}& span{display:none}}}.payment-plan-card{padding:var(--space-md);border-radius:var(--space-sm);background-color:var(--white-color);flex-direction:column;width:100%;display:flex;& .payment-plan-card-header{justify-content:space-between;align-items:center;gap:var(--space-sm);display:flex;& .payment-plan{font-family:medium,sans-serif;font-size:var(--lg-size);text-wrap:nowrap;width:fit-content}& .payment-plan-line{width:100%;height:1px;margin-top:var(--space-md);background-color:#d9d9d9}& .price{font-family:bold,sans-serif;font-size:var(--lg-size)}& .delete-payment-plan{cursor:pointer;color:var(--danger-color)}}& .inputs{gap:var(--space-sm);display:flex;& .counter{flex-direction:column;justify-content:center;align-items:center;display:flex;& .icon{background-color:var(--primary-color-opacity-1);cursor:pointer;border-radius:50%;flex:none;justify-content:center;align-items:center;width:35px;height:35px;display:flex}}& .form{gap:var(--space-sm);width:100%;padding-top:var(--space-lg);padding-bottom:var(--space-lg);align-items:center;display:flex}& .receipt-line{background-color:var(--primary-color);width:2px;height:100%}}}.input-wrapper-invoice{width:100%;position:relative;& .input-label{font-family:regular,sans-serif;font-size:var(--sm-size);color:var(--text-color-2);background-color:var(--white-color);padding:0 5px;position:absolute;top:-10px;left:10px}& .input-icon{width:var(--lg-size);height:var(--lg-size);padding-inline-start:calc(10 / var(--base-height) * 100vh);position:absolute;top:50%;left:3px;transform:translateY(-50%)}& .input{padding:var(--space-md);border-radius:var(--radius-sm);transition:all var(--transition-sm) ease-in-out;background-color:#0000;border:1px solid #dde2ed;width:100%;&:focus{outline:none}}}.btn-wrapper{margin-top:var(--space-md);justify-content:flex-end;align-items:end;display:flex}.invoices{gap:var(--space-md);flex-direction:column;display:flex}.invoice-card{border-radius:var(--space-sm);padding-inline:var(--space-md);background-color:var(--white-color);flex-direction:column;width:100%;display:flex;& .design_project_table{gap:var(--space-sm);margin-bottom:var(--space-md);display:flex;& .design_project_table_title{color:var(--primary-color);border-radius:var(--radius-xs);width:5%;padding:var(--space-lg) 0;background-color:#1e3a8e1a;justify-content:center;align-items:center;display:flex;& .input-checkbox-wrapper{writing-mode:vertical-rl;text-orientation:mixed;justify-content:center;align-items:center;margin-inline-end:0;display:flex;transform:rotate(180deg);& input[type=checkbox]{transform:rotate(180deg);width:var(--sim-sm-size)!important;height:var(--sim-sm-size)!important}& .input-label{color:var(--primary-color)}& input[type=checkbox]:checked+.input-label:after,& input[type=radio]:checked+.input-label:after{transform:rotate(180deg)}}}& .design_project{width:95%;& .design_project_header{display:flex;& .design_project_title{width:20%;padding:var(--space-sm) 0;text-align:center;font-family:medium,sans-serif;font-size:var(--sim-sm-size)}}& .design_project_content{border-radius:var(--radius-xs);background-color:#fff;flex-wrap:wrap;display:flex;&.cols-3{& .design_project_col{width:20%;margin:auto}}& .design_project_col{border-inline-end:2px solid var(--line-color);border-bottom:2px solid var(--line-color);justify-content:center;align-items:center;width:20%;display:flex;& .actions{gap:var(--space-sm);justify-content:center;display:flex}& .permits-inputs{flex-direction:column;align-items:start;display:flex;& .input-checkbox-wrapper{justify-content:center;align-items:center;display:flex;margin-inline-end:0!important;& input[type=checkbox],& input[type=radio]{width:var(--sim-sm-size)!important;height:var(--sim-sm-size)!important;&:checked+.input-label:after{left:calc(var(--space-sm) + -6px);top:calc(-1 * var(--space-sm) + 18px)}}& .input-label{color:var(--primary-color);margin:.25rem 0;&:before{width:var(--checkbox-size-sm);height:var(--checkbox-size-sm);border-radius:4px}}}}& .design_project_text{text-wrap:nowrap;justify-content:center;align-items:center;gap:var(--gap-sm);width:100%;padding:unset;display:flex;&.time{border-inline-start:2px solid var(--line-color);text-wrap:nowrap;& .visits-months{font-size:var(--sm-size)}}&.total:last-of-type{border-inline-end:unset;border-bottom:unset}padding:var(--space-md);& .color_primary{text-wrap:nowrap;font-family:medium,sans-serif}}}}}& .status-1{color:var(--danger-color)}& .status-2{color:#00b38b}& .status-3{color:#546881}}& .btn{padding:calc(5 / var(--base-height) * 100vh) calc(10 / var(--base-height) * 100vh)}& .design_project_table_title{position:relative;& .amount{background-color:var(--table-bg);padding:var(--space-md);border-radius:var(--radius-xs);gap:var(--space-sm);z-index:1000;opacity:0;pointer-events:none;text-wrap:nowrap;flex-direction:column;justify-content:center;align-items:center;transition:all .3s ease-in-out;display:flex;position:absolute;bottom:-10%;left:50%;transform:translate(-50%,100%);& span{font-family:regular,sans-serif;font-size:var(--sm-size)}&:after{content:"";border-left:10px solid #0000;border-right:10px solid #0000;border-bottom:10px solid var(--primary-color);width:0;height:0;position:absolute;bottom:100%;left:50%;transform:translate(-50%)}}&:hover .amount{opacity:1;pointer-events:auto}& .tooltip{cursor:pointer;display:none;position:absolute;top:50%;right:0;transform:translateY(-50%)}&:hover .tooltip{display:block}}& .invoice-card-type{font-family:medium,sans-serif;font-size:var(--lg-size);text-wrap:nowrap;color:var(--primary-color);border-radius:var(--space-md);background-color:var(--primary-color-opacity-1);width:100%;padding:var(--space-sm);text-align:center;border-top-left-radius:0;border-top-right-radius:0;margin-inline:auto}& .invoice-card-card-header{justify-content:space-between;align-items:center;gap:var(--space-sm);display:flex;& .total-plan{font-family:regular,sans-serif;font-size:var(--sm-size);color:var(--primary-color);align-items:center;gap:var(--space-sm);text-align:center;text-transform:capitalize;border:1px solid var(--line-color);border-radius:var(--radius-xs);width:fit-content;padding:var(--space-xs);flex-direction:column;display:flex;& span{text-wrap:nowrap;width:fit-content}}& .invoice-card-title{font-family:medium,sans-serif;font-size:var(--lg-size);text-wrap:nowrap;width:fit-content}& .invoice-card-line{width:100%;height:1px;margin-top:var(--space-md);background-color:#d9d9d9}& .price{font-family:bold,sans-serif;font-size:var(--lg-size)}& .delete-invoice-card{cursor:pointer;color:var(--danger-color)}& .actions{cursor:pointer;position:relative;& .dropdown-trigger{border:1px solid var(--line-color);border-radius:var(--radius-xs);padding:2px;display:flex}&:hover{& .dropdown-menu{display:block}}& .dropdown-menu{background-color:var(--white-color);border:1px solid var(--line-color);border-radius:var(--radius-xs);padding:var(--space-sm);z-index:1000;cursor:pointer;pointer-events:auto;width:100%;position:absolute;top:100%;right:0;box-shadow:0 0 10px #0000001a;& .dropdown-item{align-items:center;gap:var(--space-sm);padding:var(--space-sm);font-family:regular,sans-serif;font-size:var(--sm-size);color:var(--text-color-3);display:flex;&:hover{background-color:var(--primary-color-opacity-1);color:var(--white-color)}}}}}}.status-2{color:#00b38b}.status-3{color:#546881}.info{cursor:pointer;justify-content:center;align-items:center;width:100%;display:flex;position:relative;& .amount{background-color:var(--table-bg);min-width:100%;padding:var(--space-md);border-radius:var(--radius-xs);gap:var(--space-xs);z-index:1000;opacity:0;pointer-events:none;flex-direction:column;justify-content:center;align-items:start;transition:all .3s ease-in-out;display:flex;position:absolute;bottom:-80%;left:50%;transform:translate(-50%,100%);box-shadow:0 3px 6px #00000029;& .color_primary{margin-bottom:0}& .notes{& span{align-items:center;padding-inline-start:var(--space-sm);font-size:.8rem;display:flex;position:relative;&:before{content:"";width:20px;height:20px;background:url("data:image/svg+xml,%3csvg%20width='30'%20height='30'%20viewBox='0%200%2030%2030'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M7.5%2011.6625V18.3375C7.5%2022.4875%2010.4375%2024.175%2014.025%2022.1125L15.625%2021.1875C16.0125%2020.9625%2016.25%2020.55%2016.25%2020.1V9.89997C16.25%209.44997%2016.0125%209.03747%2015.625%208.81247L14.025%207.88747C10.4375%205.82497%207.5%207.51247%207.5%2011.6625Z'%20fill='%231E3A8E'/%3e%3cpath%20opacity='0.4'%20d='M17.5%2010.9875V19.025C17.5%2019.5125%2018.025%2019.8124%2018.4375%2019.5624L19.8125%2018.7625C23.4%2016.7%2023.4%2013.2999%2019.8125%2011.2375L18.4375%2010.4375C18.025%2010.2%2017.5%2010.5%2017.5%2010.9875Z'%20fill='%231E3A8E'/%3e%3c/svg%3e") 0 0/20px no-repeat;margin-inline-start:calc(-1 * var(--space-lg));position:absolute}}}& .floors{width:100%;margin-bottom:var(--space-xs);flex-wrap:wrap;align-items:center;padding-inline-start:var(--space-sm);display:flex;position:relative;&:before{content:"";width:20px;height:20px;background:url("data:image/svg+xml,%3csvg%20width='30'%20height='30'%20viewBox='0%200%2030%2030'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M7.5%2011.6625V18.3375C7.5%2022.4875%2010.4375%2024.175%2014.025%2022.1125L15.625%2021.1875C16.0125%2020.9625%2016.25%2020.55%2016.25%2020.1V9.89997C16.25%209.44997%2016.0125%209.03747%2015.625%208.81247L14.025%207.88747C10.4375%205.82497%207.5%207.51247%207.5%2011.6625Z'%20fill='%231E3A8E'/%3e%3cpath%20opacity='0.4'%20d='M17.5%2010.9875V19.025C17.5%2019.5125%2018.025%2019.8124%2018.4375%2019.5624L19.8125%2018.7625C23.4%2016.7%2023.4%2013.2999%2019.8125%2011.2375L18.4375%2010.4375C18.025%2010.2%2017.5%2010.5%2017.5%2010.9875Z'%20fill='%231E3A8E'/%3e%3c/svg%3e") 0 0/20px no-repeat;margin-inline-start:calc(-1 * var(--space-lg));position:absolute}& span{width:50%;margin-bottom:0;font-size:.8rem;&.title{font-family:Medium,sans-serif;& .text{font-weight:400}}}}& span{font-family:regular,sans-serif;font-size:var(--sm-size);&.paid{color:#546881}&.rest{color:var(--primary-color)}}&:after{content:"";border-left:10px solid #0000;border-right:10px solid #0000;border-bottom:10px solid var(--primary-color);width:0;height:0;position:absolute;bottom:100%;left:50%;transform:translate(-50%)}}&:hover .amount{opacity:1;pointer-events:auto}}.invoice-pdf{flex-direction:column;width:100%;display:flex;& .invoice-pdf-body{gap:var(--gap-md);flex-direction:column;display:flex;& .headline{align-items:center;margin-top:.5rem;padding-inline-start:1rem;display:flex;& .headline-title{font-family:medium,sans-serif;font-size:var(--sm-size);color:#546881;@media print{font-size:var(--sm-size)}}& .headline-info{font-family:medium,sans-serif;font-size:var(--sm-size);color:#162043;@media print{font-size:var(--sm-size)}}}& .sub-headline{padding:var(--space-sm);align-items:center;gap:var(--gap-sm);background-color:#1620430f;border-start-end-radius:var(--radius-md);border-end-end-radius:var(--radius-md);margin-top:.5rem;display:flex;& svg{width:14px;height:14px}& .sub-headline-title{font-family:medium,sans-serif;font-size:var(--sm-size);color:#162043;@media print{font-size:var(--sm-size)}}& .sub-headline-info{color:var(--primary-color);font-family:medium,sans-serif;font-size:var(--sm-size);@media print{font-size:var(--sm-size)}}}& .invoice-application-table{flex-direction:column;display:flex;& .row{border-bottom:1px solid #a3adbb33;justify-content:space-between;display:flex;&:last-of-type{border-bottom-right-radius:.5rem;border-bottom-left-radius:.5rem}& .row-title{font-family:medium,sans-serif;font-size:var(--sm-size);color:#850523;padding:var(--space-sm);border-inline:1px solid #a3adbb33;width:50%;&.info{color:#546881}}& .row-info{padding:var(--space-sm);width:50%;font-family:medium,sans-serif;font-size:var(--sm-size);color:#090b0e;border-inline-end:1px solid #a3adbb33;@media print{font-size:var(--sm-size)}}}}& .invoices{gap:.5rem;padding-left:.25rem;& .invoices-head{justify-content:space-between;align-items:center;gap:var(--gap-md);padding-left:var(--space-md);display:flex;& .invoices-title{font-family:medium,sans-serif;font-size:var(--sm-size);color:#000;@media print{font-size:var(--sm-size)}}& .invoices-line{width:100%;height:1px;margin-top:var(--space-md);background-color:#b2bbc6}}& .invoice{align-items:center;gap:var(--gap-lg);justify-content:space-between;width:50%;display:flex;& .invoice-title{font-family:medium,sans-serif;font-size:var(--sm-size);color:#162043;width:80%;@media print{font-size:var(--sm-size)}}& .invoice-cost{font-family:medium,sans-serif;font-size:var(--sm-size);color:#000}}}& .departments{flex-direction:column;display:flex;& .departments-title{font-family:medium,sans-serif;font-size:var(--sm-size);color:#000;margin-bottom:1rem;text-decoration:underline}& .department-content{flex-direction:column;display:flex;& .department-wrapper{justify-content:space-between;display:flex;& .amount{color:#850523}& .invoice-application-table{text-align:center;width:29.3%;& .row{&:first-of-type{border-top:1px solid #a3adbb33}&:last-of-type{border-bottom-left-radius:unset;border-bottom-right-radius:unset}& .row-title{color:#1d242d}}}}& .department-item{gap:var(--gap-sm);font-size:var(--sm-size);display:flex;& .department-title{font-family:medium,sans-serif;font-size:var(--sm-size);color:#162043}& .payment-status{font-family:medium,sans-serif;font-size:var(--sm-size);color:var(--primary-color)}}}}& .total-wrapper{font-size:var(--sm-size);justify-content:space-between;display:flex;& .total{font-family:medium,sans-serif;&.amount{color:#995250}}padding-inline-start:var(--space-sm);& .total-table{padding:var(--space-sm);text-align:center;width:14.6%;font-family:medium,sans-serif;font-size:var(--sm-size);border:1px solid #a3adbb33}}& .invoice-pdf-data{justify-content:space-between;font-family:regular,sans-serif;display:flex;& .bill{font-size:var(--sm-size);color:var(--text-color-5)}& .client-name{font-family:medium,sans-serif;font-size:var(--sm-size);color:#1d242d}& .sub-title{color:var(--text-color-5)}}& .invoice-pdf-statics{justify-content:space-between;align-items:center;gap:var(--gap-md);border-radius:var(--radius-sm);background-color:#a3adbb0d;display:flex;& .invoice-pdf-static{gap:var(--gap-sm);padding:var(--space-md);flex-direction:column;width:100%;display:flex;&:not(:last-of-type){border-inline-end:1px solid #a3adbb33}& .invoice-pdf-static-title{font-family:medium,sans-serif;font-size:var(--sm-size);color:#546881}& .number{font-family:medium,sans-serif;font-size:var(--sm-size);color:#162043;justify-content:space-between;align-items:center;display:flex;&>span{color:#a3adbb}}}}& .invoice-pdf-total{justify-content:space-between;align-items:center;gap:var(--gap-md);display:flex;& .departments{gap:var(--gap-sm);flex-direction:column;width:30%;display:flex;& .departments-header{align-items:center;gap:var(--space-md);color:#546881;padding:var(--space-sm);border-bottom:2px solid #162043;display:flex}& .body{color:#162043}& .department{align-items:center;gap:var(--space-md);padding:var(--space-sm);display:flex;&:not(:last-of-type){border-bottom:1px solid #e2e2e2}& .num{padding:var(--space-sm) var(--space-md);border-radius:var(--radius-sm) 0 var(--radius-sm) 0;background-color:#1620431a}& .department-title{font-family:medium,sans-serif;font-size:var(--sm-size);color:#1d242d}& .department-total{font-family:medium,sans-serif;font-size:var(--sm-size);color:#162043}}}& .amount{padding:var(--space-md);border-radius:var(--radius-sm);font-size:var(--sm-size);background-color:#5265780d;flex-direction:column;min-width:25%;display:flex;& .total{color:#546881;padding:var(--space-sm)}& .tax{color:#b2bbc6;padding:var(--space-sm);border-bottom:1px solid #3a485633}& .total-paid{padding:var(--space-sm);color:#162043;font-size:var(--lg-size);justify-content:space-between;display:flex;& .amount-paid{color:#3e7148;font-size:var(--lg-size)}border-bottom:1px solid #3a48561a}& .total-amount{padding:var(--space-sm);color:#162043;font-size:var(--lg-size);justify-content:space-between;display:flex;& .amount-due{color:#995250;font-size:var(--lg-size)}}}}& .paid-table{border:1px solid #a3adbb33;border-radius:1rem;overflow:hidden;& .table-header{padding:var(--space-sm);color:#162043;background-color:#1e3a8e0f;justify-content:center;align-items:center;display:flex}& .row-paid{padding-inline:var(--space-sm);border-bottom:1px solid #a3adbb33;justify-content:space-between;display:flex;&:last-of-type{border-bottom-right-radius:.5rem;border-bottom-left-radius:.5rem}& .title-paid{color:#162043;font-family:medium,sans-serif;font-size:var(--sm-size);border-inline-end:1px solid #a3adbb33;width:60%;padding:1rem;&.info{color:#546881}}& .amount{color:#162043;font-family:medium,sans-serif;font-size:var(--sm-size);justify-content:center;align-items:center;width:40%;padding:1rem;display:flex}& .row-info{padding:var(--space-sm);width:50%;font-family:medium,sans-serif;font-size:var(--sm-size);color:#090b0e;border-inline-end:1px solid #a3adbb33}}}& .terms{gap:var(--gap-md);flex-direction:column;width:40%;display:flex;& .terms-description{font-family:regular,sans-serif;font-size:var(--sm-size);color:#909dad}}& .signature{border-top:1px solid #a3adbb33;justify-content:space-between;width:100%;display:flex;& .signature-item{padding:var(--space-md);border-inline-end:1px solid #a3adbb33;width:50%;& .signature-title{text-decoration:underline}& .assign-img{width:250px}}& .bank-details{width:50%;padding:var(--space-md);& .bank-title{text-decoration:underline}}& .qr-invoice{& img{mix-blend-mode:multiply;width:220px}}}}}.invoice-pdf-header{background-color:#ffffffe6;align-items:center;display:flex;& .logo{-o-object-fit:cover;object-fit:cover;padding:var(--space-lg);background-color:#162043;flex-grow:1;justify-content:space-between;display:flex;& img{height:80px}}& .pdf-title{height:100%;font-family:medium,sans-serif;font-size:var(--sm-size);color:#162043;padding:var(--space-md);width:29.3%}}.invoice-pdf-footer{height:64px;position:relative;&:before{content:"";border-top:52px solid #0000;border-bottom:0 solid #0000;border-left:0 solid #0000;border-right:52px solid #162043;width:0;height:0;position:absolute;bottom:0;right:0}& .bg-footer-top{background-color:#26366f;width:25%;height:32px;position:absolute;top:0;left:0;&:before{content:"";border-top:0 solid #0000;border-bottom:32px solid #26366f;border-left:32px solid #0000;border-right:0 solid #0000;width:0;height:0;position:absolute;top:0;right:-31px;transform:rotate(90deg)}}& .bg-footer-bottom{background-color:#162043;width:35%;height:32px;position:absolute;top:32px;left:0;&:before{content:"";border-top:0 solid #0000;border-bottom:32px solid #162043;border-left:32px solid #0000;border-right:0 solid #0000;width:0;height:0;position:absolute;top:0;right:-31px;transform:rotate(90deg)}}}.employee-card{background-color:#fff;border-radius:1rem;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;padding:1rem;display:flex;box-shadow:0 0 .1rem #0000001a;& .img-container{text-align:center;background-color:#f0f0f0;border-radius:50%;justify-content:center;align-items:center;width:90px;height:90px;display:flex;overflow:hidden;& img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}}& .employee-title{font-size:var(--sim-sm-size);margin-top:1rem;font-family:medium,sans-serif}& .employee-info{grid-template-rows:repeat(2,1fr);grid-template-columns:1fr 1fr;gap:.5rem;width:100%;margin-top:1rem;display:grid;& .employee-statics{padding:var(--space-md) var(--space-sm);border-radius:var(--radius-sm);flex-direction:column;align-items:center;gap:1rem;display:flex;&:first-child{background-color:#00b69b0d}&:nth-child(2){background-color:#be2a2c0d}&:nth-child(3){background-color:#ece5210d}&:nth-child(4){background-color:#8280ff0d}& .icon{background-color:var(--primary-color-opacity-1);border-radius:50%;justify-content:center;align-items:center;width:68px;height:68px;display:flex;overflow:hidden}& .employee-statics-list{flex-direction:column;gap:.5rem;width:100%;display:flex;& .employee-statics-item{flex-direction:column;gap:.5rem;display:flex;& span{align-items:center;gap:.5rem;display:flex;&:first-of-type{font-size:var(--md-size);font-family:medium,sans-serif}&:last-of-type{font-size:var(--md-size);color:#3d4c5e;font-family:regular,sans-serif}}& .employee-statics-item-icon{-o-object-fit:cover;object-fit:cover;width:20px;height:20px}& .employee-statics-item-text{font-size:var(--xs-size);font-family:regular,sans-serif}}}}}}.hr-home{padding-top:var(--space-4xl);& .icon{border-radius:var(--radius-sm);padding:var(--space-2xl);background-color:var(--primary-color-opacity-1);flex-direction:column;justify-content:center;align-items:center;display:flex;overflow:hidden;& svg{width:50px;height:60px}& span{font-family:regular,sans-serif;font-size:var(--lg-size)}}}.employee-entitlements-table{--background-header:#1e3a8e1a;border-radius:var(--radius-sm);width:100%;overflow:hidden;& .employee-entitlements-header{background-color:var(--background-header);width:100%;padding:var(--space-md);justify-content:space-between;align-items:center;display:flex;& .title-employee{text-align:center;width:16%;&:first-of-type{width:20%}}}& .employee-entitlements-body{gap:.4rem;width:100%;padding-top:.4rem;display:flex;& .employee-data{background-color:#fff;flex-direction:column;justify-content:center;align-items:center;gap:1rem;width:20%;padding:2rem;display:flex;& .img-container{border-radius:50%;width:58px;height:58px;overflow:hidden;& img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}}}& .wrapper-statics{background-color:#fff;flex-direction:column;width:80%;display:flex;& .employee-statics{justify-content:space-between;align-items:center;height:100%;display:flex;& .static{text-align:center;border-bottom:2px solid #f1f3f6;width:20%;height:100%;padding:1rem;&:not(:last-of-type){border-inline-end:2px solid #f1f3f6}&.date{color:var(--primary-color);font-family:medium,sans-serif}&.icon{& span{border-radius:var(--radius-lg);padding:var(--space-sm) var(--space-lg);--bonus-color:#00b38b;--deduction-color:#c5545c;--advace-color:#fb0;--vacation-color:#8280ff;&.bonus{color:var(--bonus-color);background-color:#00b38b1a}&.deduction{color:var(--deduction-color);background-color:#c5545c1a}&.advance{color:var(--advace-color);background-color:#ffbb001a}&.vacation{color:var(--vacation-color);background-color:#8280ff1a}}}}}}}}.p-dialog-header{width:100%;padding:10px!important}.p-dialog-content{background-size:cover;height:100%;width:100%!important;overflow-y:visible!important;& .p-tabpanels{padding:0}& .p-dialog-header{width:100%!important}}.emplyee-details{font-family:regular,sans-serif;font-size:var(--md-size);flex-direction:column;display:flex;& .reason-deduction{font-size:var(--sim-md-size);color:#2f448b;align-items:center;font-weight:500;& h3{align-items:center;display:flex;&:before{content:"";background-image:url("data:image/svg+xml,%3csvg%20width='30'%20height='30'%20viewBox='0%200%2030%2030'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M7.5%2011.6625V18.3375C7.5%2022.4875%2010.4375%2024.175%2014.025%2022.1125L15.625%2021.1875C16.0125%2020.9625%2016.25%2020.55%2016.25%2020.1V9.89997C16.25%209.44997%2016.0125%209.03747%2015.625%208.81247L14.025%207.88747C10.4375%205.82497%207.5%207.51247%207.5%2011.6625Z'%20fill='%231E3A8E'/%3e%3cpath%20opacity='0.4'%20d='M17.5%2010.9875V19.025C17.5%2019.5125%2018.025%2019.8124%2018.4375%2019.5624L19.8125%2018.7625C23.4%2016.7%2023.4%2013.2999%2019.8125%2011.2375L18.4375%2010.4375C18.025%2010.2%2017.5%2010.5%2017.5%2010.9875Z'%20fill='%231E3A8E'/%3e%3c/svg%3e");background-size:25px 20px;width:25px;height:20px;display:inline-block}}& .list{padding-inline:var(--space-md);& li{min-width:32%;margin-top:var(--space-md);text-transform:capitalize;color:#000;justify-content:start;align-items:baseline;display:flex;& h4{font-size:var(--sim-md-size);align-items:center;font-weight:500;&:before{content:"";background-image:url("data:image/svg+xml,%3csvg%20width='30'%20height='30'%20viewBox='0%200%2030%2030'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M7.5%2011.6625V18.3375C7.5%2022.4875%2010.4375%2024.175%2014.025%2022.1125L15.625%2021.1875C16.0125%2020.9625%2016.25%2020.55%2016.25%2020.1V9.89997C16.25%209.44997%2016.0125%209.03747%2015.625%208.81247L14.025%207.88747C10.4375%205.82497%207.5%207.51247%207.5%2011.6625Z'%20fill='%231E3A8E'/%3e%3cpath%20opacity='0.4'%20d='M17.5%2010.9875V19.025C17.5%2019.5125%2018.025%2019.8124%2018.4375%2019.5624L19.8125%2018.7625C23.4%2016.7%2023.4%2013.2999%2019.8125%2011.2375L18.4375%2010.4375C18.025%2010.2%2017.5%2010.5%2017.5%2010.9875Z'%20fill='%231E3A8E'/%3e%3c/svg%3e");background-size:25px 20px;width:25px;height:20px;display:inline-block}}& .description{color:#546881}& p{margin-inline-start:var(--space-xs);display:block}@media (width<=768px){width:100%}}}}& .deduction-type{font-size:var(--sim-md-size);color:#2f448b;margin-block:var(--space-md);align-items:center;font-weight:500;& h3{align-items:center;display:flex;&:before{content:"";background-image:url("data:image/svg+xml,%3csvg%20width='30'%20height='30'%20viewBox='0%200%2030%2030'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M7.5%2011.6625V18.3375C7.5%2022.4875%2010.4375%2024.175%2014.025%2022.1125L15.625%2021.1875C16.0125%2020.9625%2016.25%2020.55%2016.25%2020.1V9.89997C16.25%209.44997%2016.0125%209.03747%2015.625%208.81247L14.025%207.88747C10.4375%205.82497%207.5%207.51247%207.5%2011.6625Z'%20fill='%231E3A8E'/%3e%3cpath%20opacity='0.4'%20d='M17.5%2010.9875V19.025C17.5%2019.5125%2018.025%2019.8124%2018.4375%2019.5624L19.8125%2018.7625C23.4%2016.7%2023.4%2013.2999%2019.8125%2011.2375L18.4375%2010.4375C18.025%2010.2%2017.5%2010.5%2017.5%2010.9875Z'%20fill='%231E3A8E'/%3e%3c/svg%3e");background-size:25px 20px;width:25px;height:20px;display:inline-block}}& .list{padding-inline:var(--space-md);& li{text-transform:capitalize;justify-content:start;align-items:center;min-width:32%;display:flex;& p{font-size:var(--sim-md-size);color:#546881;& span{color:#c4545c}}& .description{color:#546881}& p{margin-inline-start:var(--space-xs);display:block}@media (width<=768px){width:100%}}}}& .created-by{font-size:var(--sim-md-size);color:#2f448b;margin-top:var(--space-md);align-items:center;font-weight:500;display:flex;& p{color:#000}& h3{align-items:center;display:flex;&:before{content:"";background-image:url("data:image/svg+xml,%3csvg%20width='30'%20height='30'%20viewBox='0%200%2030%2030'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M7.5%2011.6625V18.3375C7.5%2022.4875%2010.4375%2024.175%2014.025%2022.1125L15.625%2021.1875C16.0125%2020.9625%2016.25%2020.55%2016.25%2020.1V9.89997C16.25%209.44997%2016.0125%209.03747%2015.625%208.81247L14.025%207.88747C10.4375%205.82497%207.5%207.51247%207.5%2011.6625Z'%20fill='%231E3A8E'/%3e%3cpath%20opacity='0.4'%20d='M17.5%2010.9875V19.025C17.5%2019.5125%2018.025%2019.8124%2018.4375%2019.5624L19.8125%2018.7625C23.4%2016.7%2023.4%2013.2999%2019.8125%2011.2375L18.4375%2010.4375C18.025%2010.2%2017.5%2010.5%2017.5%2010.9875Z'%20fill='%231E3A8E'/%3e%3c/svg%3e");background-size:25px 20px;width:25px;height:20px;display:inline-block}}}& .date{font-size:var(--sim-md-size);color:#2f448b;align-items:center;font-weight:500;display:flex;& p{color:#000}& h3{align-items:center;display:flex;&:before{content:"";background-image:url("data:image/svg+xml,%3csvg%20width='30'%20height='30'%20viewBox='0%200%2030%2030'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M7.5%2011.6625V18.3375C7.5%2022.4875%2010.4375%2024.175%2014.025%2022.1125L15.625%2021.1875C16.0125%2020.9625%2016.25%2020.55%2016.25%2020.1V9.89997C16.25%209.44997%2016.0125%209.03747%2015.625%208.81247L14.025%207.88747C10.4375%205.82497%207.5%207.51247%207.5%2011.6625Z'%20fill='%231E3A8E'/%3e%3cpath%20opacity='0.4'%20d='M17.5%2010.9875V19.025C17.5%2019.5125%2018.025%2019.8124%2018.4375%2019.5624L19.8125%2018.7625C23.4%2016.7%2023.4%2013.2999%2019.8125%2011.2375L18.4375%2010.4375C18.025%2010.2%2017.5%2010.5%2017.5%2010.9875Z'%20fill='%231E3A8E'/%3e%3c/svg%3e");background-size:25px 20px;width:25px;height:20px;display:inline-block}}}}.absence-card{flex-direction:column;width:100%;display:flex;& .day{background-color:var(--primary-color-opacity-1);border-radius:var(--radius-sm);color:var(--primary-color);font-family:Medium;font-size:var(--md-size);padding:var(--space-lg)}& .employee-absence{font-size:calc(var(--sm-size) + 2px);border-radius:var(--radius-xs);text-align:center;justify-content:space-between;align-items:center;width:100%;display:flex;@media screen and (width<=955px){gap:var(--gap-sm);flex-wrap:wrap}& .employee-name{text-align:start;color:#282828;font-family:Regular}& .employee-absence-status{border-radius:var(--radius-sm);padding:var(--space-sm);text-align:center;border-style:solid;border-width:1px;width:fit-content;font-family:Regular;&.logout-asbence{background-color:var(--danger-color);fill:#fff}&.Absence{color:#c1474f;fill:#c1474f;background-color:#c1474f1a;border-color:#c1474f}&.Presence{color:#00b38b;fill:#00b38b;background-color:#00b38b1a;border-color:#00b38b}&.vacation{color:#d97706;fill:#d97706;background-color:#ffedcc;border-color:#d97706}}& .date-absence{justify-content:center;align-items:center;gap:var(--gap-xs);border-radius:var(--radius-xs);padding:var(--space-xs);background-color:#b2bbc60f;width:fit-content;font-family:Regular;display:flex;& *{text-wrap:nowrap;width:100%}& .date-label{color:#546881}}}& .p-accordionheader{background:0 0!important;width:100%!important;padding-inline:0!important;display:block!important}}.attendance-content{background:linear-gradient(to bottom right,#f9fafb,#f3f4f6);border-radius:1rem;padding:1rem;box-shadow:0 25px 50px -12px #00000040;& .attendance-grid{grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:.75rem;padding:1rem;display:grid;& .stat-card{-webkit-backdrop-filter:blur(12px);background-color:#fffc;border:1px solid #e5e7eb80;border-radius:.75rem;justify-content:space-between;align-items:center;padding:.75rem;transition:all .3s;display:flex;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}& .stat-card:hover{transform:scale(1.05);box-shadow:0 25px 50px -12px #00000040}& .stat-header{align-items:center;gap:.25rem;display:flex}& .stat-title{color:#111827;letter-spacing:.025em;font-size:1.125rem;font-weight:700}& .stat-value{margin-top:.25rem;font-size:1.5rem;font-weight:800}& .stat-value.attendance{color:#059669}& .stat-value.absence{color:#e11d48}& .stat-value.onsite{color:#0284c7}& .stat-value.remote{color:#7c3aed}& .stat-value.holidays{color:#d97706}}}.discount-department.show-project{border-radius:var(--radius-md);min-height:unset;background-color:#fff;flex-direction:column;gap:1rem;padding:1rem;display:flex;& .project-info{margin-top:unset;padding:unset}& .input-discount{border-radius:var(--radius-md);color:#00b38b;text-align:center;font-family:medium,sans-serif;font-size:var(--md-size);max-width:clamp(calc(100 / var(--base-height) * 100vh), calc(137 / var(--base-height) * 100vh), 140px);background-color:#00b38b05;border:1px solid #00b38b;padding:.5rem 1rem;&.error{color:#c1474f;background-color:#c1474f05;border:1px solid #c1474f}&:focus{outline:none}&::placeholder{color:#00b38b}&:disabled{cursor:not-allowed;filter:brightness(.9)}}& .department-row{flex-direction:row;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem;display:flex;&>div{flex-direction:row;align-items:center;gap:.5rem;width:25%;display:flex}& .department-name,& .department-actions{flex-direction:row;align-items:center;gap:.5rem;display:flex}& input{border:1px solid #ccc;border-radius:.5rem;width:100%;padding:.5rem;&:focus{border-color:#07f;outline:none}}}}.add-discount{flex-direction:column;gap:1rem;display:flex;& .discount-wrapper{border-radius:var(--radius-md);background-color:#fff;padding:1rem;& .static{align-items:center;gap:var(--gap-md);display:flex;@media screen and (width<=768px){flex-wrap:wrap}& .static-discount-item{background-color:var(--primary-color-opacity-1);border-radius:var(--radius-lg);padding:var(--gap-sm);justify-content:center;align-items:center;gap:var(--gap-sm);flex-direction:column;width:100%;display:flex;& .item-title{align-items:center;gap:var(--gap-sm);display:flex;& h4{font-family:medium,sans-serif;font-size:var(--md-size);color:var(--primary-color)}}& .item-value{color:#000;font-family:medium,sans-serif}}}& .discount-section-type-title{color:#000;align-items:center;gap:var(--sm-size);font-family:medium,sans-serif;display:flex;& .info{width:unset}}& .discount-section-type{gap:var(--gap-sm);flex-direction:column;display:flex;& .action-type{background-color:var(--primary-color-opacity-1);padding:calc(10 / var(--base-height) * 100vh);border-radius:var(--radius-md);align-items:center;gap:var(--gap-sm);display:flex;& .btn{padding:calc(5 / var(--base-height) * 100vh) calc(20 / var(--base-height) * 100vh)}}}}}.discount-card{flex-direction:column;gap:1rem;display:flex}.discount-validation-error{border-radius:var(--radius-md);color:#c1474f;font-family:medium,sans-serif;font-size:var(--md-size);background-color:#f3dcdd;align-items:center;gap:1rem;padding:.5rem;display:flex}.attachment-dialog-body{gap:var(--gap-md);flex-direction:column;display:flex;& .add-attachment-wrapper{gap:var(--sm-size);margin-bottom:var(--sm-size);display:flex}& .attachment-title{font-family:bold,sans-serif;font-size:var(--md-size)}& .save-btn-container{justify-content:flex-end;gap:var(--sm-size);display:flex}& .all-attachment{& .all-attachment-title{font-family:medium,sans-serif;font-size:var(--md-size);text-align:center;background-color:var(--primary-color-opacity-1);color:var(--primary-color);padding:var(--md-size) var(--lg-size);border-radius:var(--radius-sm) var(--radius-sm) 0 0;margin-bottom:1rem}}}.attachment-card-line{height:2px;margin-right:calc(-1 * var(--md-size));margin-left:var(--md-size);background-color:#fff}.attachment-card-gallery{gap:var(--sm-size);flex-wrap:wrap;height:200px;display:flex;overflow-y:scroll;& .attachment-container{width:60px;height:60px;padding:var(--sm-size);border-radius:var(--radius-sm);background-color:#fff;flex-direction:column;justify-content:center;align-items:center;display:flex;position:relative;& img{aspect-ratio:16/9}& .show-more{font-family:regular,sans-serif;font-size:var(--sm-size);color:var(--white-color);text-align:center;background-color:var(--primary-color);border-radius:var(--sm-size);-webkit-border-radius:var(--sm-size);-moz-border-radius:var(--sm-size);-ms-border-radius:var(--sm-size);-o-border-radius:var(--sm-size);justify-content:center;align-items:center;padding:4px;display:flex;position:absolute;bottom:2px;right:2px}& .date{font-family:regular,sans-serif;font-size:var(--sm-size);color:var(--primary-color)}& .name{font-family:regular,sans-serif;font-size:var(--sm-size);color:var(--text-color-4)}& .icon{cursor:pointer;position:absolute;top:2px;right:2px}& .icon-delete{cursor:pointer;background-color:var(--danger-color-opacity-1);position:absolute;top:2px;left:2px}& img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}}}.attachment-card-wrapper{gap:var(--sm-size);flex-wrap:wrap;display:flex;& .attachment-card{background-color:var(--primary-color-opacity-1);width:clamp(200px,100%,300px);padding:var(--md-size);border-radius:var(--radius-sm);gap:var(--sm-size);flex-direction:column;display:flex;& .attachment-card-header{justify-content:space-between;align-items:center;display:flex;& .attachment-card-title{font-family:medium,sans-serif;font-size:var(--md-size);color:var(--primary-color)}& .attachments-actions{gap:var(--sm-size);display:flex;&>button{cursor:pointer;border-radius:50%;justify-content:center;align-items:center;width:1.5rem;height:1.5rem;display:flex;&.btn-edit-attachment{color:var(--primary-color);cursor:pointer;border:1px solid var(--primary-color-opacity-1)}&.btn-delete-attachment{color:var(--danger-color);cursor:pointer;border:1px solid #c1474f33}}}}& .attachment-card-size{font-family:regular,sans-serif;font-size:var(--sm-size)}}}.attachment-cards-preview{gap:var(--sm-size);padding:var(--md-size);border-radius:var(--radius-sm);background-color:#fff;flex-wrap:wrap;width:100%;display:flex}.btn-save-attachment{border-radius:var(--sm-size);background-color:#0b1432;justify-content:center;align-items:center;padding-inline:4rem;display:flex}.section-headline{margin-bottom:var(--space-md);background-color:var(--primary-color-opacity-1);border-radius:0 var(--radius-md) var(--radius-md) 0;align-items:center;gap:1rem;width:100%;display:flex}.result{gap:var(--gap-md);margin-top:.5rem;margin-bottom:var(--space-md);flex-direction:column;display:flex;& .results{background-color:var(--primary-color-opacity-1);border-radius:var(--sm-size);padding:var(--space-md);flex-direction:column;display:flex;& .result-title{font-size:var(--md-size);color:var(--primary-color);padding:1rem;font-family:Medium,sans-serif}& .result-body,& .floors{border-radius:var(--sm-size);background-color:#ffffff80;padding:1rem}& .preview-info{align-items:center;gap:1rem;padding:1rem;display:flex;& span{font-size:var(--sm-size);color:#546881;font-family:Regular,sans-serif}}& .note-card{background-color:#fcfdfe;padding-inline:.2rem;& h4{background-color:var(--primary-color-opacity-1);color:var(--primary-color);font-size:var(--md-size);border-radius:0 0 var(--radius-md) var(--radius-md);text-align:center;width:100%;padding:1rem;font-family:Medium,sans-serif}& p{font-size:var(--sim-sm-size);color:#546881;padding:1rem;font-family:Regular,sans-serif}}& .floors{margin-top:var(--sm-size);gap:var(--gap-md);flex-direction:column;display:flex;& .floors-card{border-radius:var(--radius-md);background-color:#fff;padding:1rem;& .floor-header{align-items:center;gap:var(--gap-md);display:flex;& .floor-title{text-wrap:nowrap;color:#000;font-family:Medium,"sans-serif"}& .floor-line{background-color:#b2bbc633;border-radius:2px;width:100%;height:1px}& .minimize{align-items:center;gap:var(--gap-sm);color:var(--primary-color);font-family:medium,sans-serif;display:flex}}& .floor-content{margin-top:1rem;& .floor-content-item{border-radius:var(--space-md);border:1px solid #f6f6f6;flex-wrap:wrap;justify-content:space-between;align-items:center;padding:.5rem 1rem;display:flex;& .content-title,& .content-count{color:var(--primary-color);font-family:medium,sans-serif;font-size:var(--md-size)}& .content-title{align-items:center;gap:var(--gap-xs);display:flex}& .content-count{background-color:var(--primary-color-opacity-1);border-radius:var(--space-md);border:1px solid #f6f6f6;padding:.5rem 1rem}}}}}}}.meeting-header-pdf{margin-bottom:var(--space-md);-moz-column-break-inside:avoid;break-inside:avoid;page-break-inside:avoid;align-items:center;gap:1rem;width:100%;display:flex;& .floor-title{font-size:var(--md-size);color:#000;text-wrap:nowrap;font-family:Medium,sans-serif}& .floor-line{background-color:#b2bbc6;border-radius:2px;width:100%;height:1px}}.add-result{background-color:#fff;border-radius:.5rem;flex-direction:column;gap:1rem;width:100%;margin-top:1rem;display:flex;overflow:hidden;& .add-result-title{color:var(--primary-color);background-color:var(--primary-color-opacity-1);width:100%;padding:1rem;font-size:1.5rem;font-weight:700}& .add-result-description{color:#546881;align-items:center;padding:1rem;font-family:regular,sans-serif;font-size:1rem;display:flex}& .add-result-form{padding:1rem}}.task-card{flex-direction:column;gap:.1rem;margin-top:1rem;display:flex;& h3{font-family:bold,sans-serif;font-size:var(--md-size);color:#7a788b}& .task-card-header{background-color:#f2f2f2;border-radius:1rem;justify-content:space-between;align-items:center;padding:.5rem;display:flex}& .task-card-body{background-color:#fff;border-radius:1rem;padding:.5rem}& .task-card-footer{background-color:#f1f5f9;border-radius:1rem;width:100%;padding:.5rem;box-shadow:0 2px 2px #00000040}}.wrapper-permit{border:1px solid var(--primary-color-opacity-1);border-radius:1rem;width:calc(100% - 2rem);margin:1rem;padding:.1rem;& .project-details{outline:1px solid var(--primary-color-opacity-1);border-radius:1rem;padding:1rem}}.daily-new-card-grid{margin-top:var(--space-md);grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:15px;display:grid}.all-card-details{flex-direction:column;flex:1;justify-content:start;display:flex}.new-daily-card .status-row{border-top-left-radius:12px;border-bottom-left-radius:12px;justify-content:center;align-items:center;width:26px;display:flex}.status-row.rejected,.status-row.REJECTED{background:#8d1607}.status-row.approved,.status-row.APPROVED{background:#34c759}.status-row.holded,.status-row.SENT{background:#fbb03a}.status-row h3{writing-mode:vertical-rl;color:#fff;text-transform:capitalize;align-items:center;gap:6px;font-family:Bold;font-size:12px;display:flex;transform:rotate(180deg)}.status-row .icon{align-items:center;display:flex;&.block{animation:1s infinite block}}.new-daily-card{background:#fff;border-radius:16px;gap:4px;padding:10px 10px 14px 14px;transition:transform .6s,box-shadow .2s;display:flex;position:relative;& input[type=checkbox]{display:none}&:has(input[type=checkbox]:checked){border:2px solid #34c759;box-shadow:0 4px 10px #34c75933}}.new-daily-card:hover{transform:translateY(-4px);box-shadow:0 10px 30px #00000014}.new-daily-card .card-header{background:#1e3a8e0a;border-radius:10px;justify-content:start;align-items:center;gap:10px;padding:10px 12px;display:flex}.card-header .icon{max-width:35px}.card-header .title-code span.code{flex-direction:column;display:flex}.card-header h3{color:#1e3a8e;font-family:Bold;font-size:14px}.card-header h3 span{opacity:.8;font-family:Bold}.card-header .title-code{color:#000;font-family:Bold;font-size:12px}.new-daily-card .card-titles{border-bottom:1px solid #909dad33;padding:12px}.new-daily-card .card-titles h3{font-family:Bold;font-size:16px}.new-daily-card .card-status{border-bottom:1px dashed #909dad33;justify-content:space-between;align-items:center;padding:12px;display:flex}.card-status .state{flex-direction:column;gap:6px;display:flex}.new-daily-card .card-status .since{background:#f1564208;border-radius:15px;padding:10px}.card-status .since span{color:#b2bbc6;font-family:Regular}.card-status .since h5{color:#f15642;font-family:Bold}.card-status .state h4.machine{align-content:baseline;align-items:center;gap:8px;font-family:Bold;font-size:16px;display:flex}.card-status .state .department-info h4.depart{color:#9ca3af;font-family:Regular;font-size:14px}.card-status .state .department-info h4.depart span{color:#1e3a8e}.card-status .state .department-info h4.job-type{color:#9ca3af;font-family:Regular;font-size:14px}.card-status .state .department-info h4.job-type span{color:#546881}.new-daily-card .card-info{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:10px;padding:12px;display:grid}.new-daily-card .card-info h5{color:#9ca3af;font-family:Regular;font-size:14px}.new-daily-card .card-info span{font-family:Bold;font-size:14px}.new-daily-card .card-info span.assign-span{color:#1e3a8e;font-family:Bold;font-size:14px}.new-daily-card .card-fotter{align-items:flex-start;gap:12px;display:flex}.buttons-wrapper{flex-wrap:wrap;gap:12px;width:100%;display:flex;&>*{flex:1}}.card-fotter .create-button,.card-fotter .change-button{flex:160px;min-width:0}.card-fotter .create-button button{color:#fffc;background:#1e3a8e;border-radius:14px;width:100%;min-height:40px;padding:10px;font-family:Bold;font-size:14px}.card-fotter .change-button button{color:#1e3a8e;background:#f6f7fa;border-radius:14px;width:100%;min-height:40px;padding:10px;font-family:Bold;font-size:14px}.card-fotter .tag{align-self:flex-end;align-items:center}@keyframes block{0%{opacity:1;transform:scale(1)translateY(0)}50%{opacity:.7;transform:scale(1.2)translateY(-10px)}to{opacity:1;transform:scale(1)translateY(0)}0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.2)}}.pulse-text{animation:2s cubic-bezier(.4,0,.6,1) infinite block;display:inline-block}.pulse-text span:first-child{animation-delay:0s}.pulse-text span:nth-child(2){animation-delay:.1s}.pulse-text span:nth-child(3){animation-delay:.2s}.pulse-text span:nth-child(4){animation-delay:.3s}.pulse-text span:nth-child(5){animation-delay:.4s}.card-prepare{gap:var(--sm-size);padding:var(--sm-size);border-radius:var(--radius-md);background-color:#f5f5f3;flex-direction:column;display:flex;& .actions{justify-content:flex-end;gap:var(--sm-size);display:flex;& .icon{cursor:pointer;transition:all var(--transition-sm) ease-in-out;border-style:solid;border-width:1px;border-radius:6px;padding:.25rem;&.delete{border-color:#f5e6e6;&:hover{background-color:#e23535;& svg{& path{fill:#fff}}}}&.edit{border-color:#ebecef;&:hover{background-color:var(--primary-color);& svg{& path{fill:#fff}}}}}}& .info-wrapper{align-items:center;gap:var(--sm-size);flex-wrap:wrap;display:flex;& .prepare-info{align-items:center;gap:var(--xs-size);display:flex}}}.prepare-title{gap:var(--xs-size);font-family:medium,sans-serif;font-size:var(--md-size);text-wrap:nowrap;align-items:center;margin-bottom:1rem;display:flex;& .prepare-line{background-color:#d9d9d9;border-radius:2px;width:100%;height:1px}}.task-wrapper{border-radius:var(--radius-md);padding:var(--space-md);background-color:#fff;flex-direction:column;gap:20px;display:flex;position:relative;& .project-info{flex-direction:column;gap:14px;display:flex}& .project-name{gap:6px;font-size:20px;display:flex}& .project-name h2{color:#b2bbc6;font-family:Medium}& .project-name h3{color:#121212;font-family:Bold}& .project-type{justify-content:start;align-items:start;display:flex}& .sprint-status{top:0;right:var(--space-md);color:#635bff;padding:var(--space-sm) var(--space-md);border-radius:0 var(--radius-xs) var(--radius-xs) 0;background-color:#f1f5f9;font-family:bold,"sans-serif";position:absolute}& .project-type .info{flex-direction:column;align-items:start;display:flex}& .project-type .info h3{color:#b2bbc6;font-family:Regular}& .project-type .info span{color:#202020;font-family:Bold}& span.depart,& span.permit{color:#1e3a8e!important}& .info-details{background:#f6f6f6;border-radius:16px;flex-direction:column;padding:10px 12px;display:flex}& .info-details h2{color:#1e3a8e;justify-content:start;align-items:center;gap:6px;display:flex}& .task-row{justify-content:start;align-items:start;display:flex}& .task-row .info{flex-direction:column;align-items:start;gap:10px;display:flex}& .task-row .info h3{color:#b2bbc6;font-family:Regular}& .task-row .info span{color:#202020;font-family:Bold}& span.depart,& span.permit,& span.duration{color:#1e3a8e!important}& span.time,& span.High{color:#e23535!important}& span.Medium{color:#fb0!important}& span.Low{color:#00b69b!important}@media (width<=1024px){& .task-wrapper{padding:var(--space-sm)}& .project-name h2,& .project-name h3{font-size:18px}& .info-details{padding:8px 10px}}@media (width<=768px){& .project-name{flex-direction:column;gap:2px}& .task-row{flex-direction:column;align-items:start;gap:12px}& .task-row .info{gap:6px}& .project-type{flex-direction:column;gap:10px}& .project-type .info h3{font-size:14px}& .project-type .info span{font-size:15px}}@media (width<=480px){& .task-wrapper{padding:var(--space-xs);gap:14px}& .project-name h2,& .project-name h3{font-size:16px}& .info-details h2{font-size:15px}& .task-row .info span,& .project-type .info span{font-size:14px}& .info-details{padding:8px}& span.High,& span.Medium,& span.Low,& span.time{font-size:14px}}& .task-header{& .title-section{align-items:center;gap:var(--space-xs);display:flex;& .title{color:var(--primary-color);margin-bottom:0;font-family:bold,"sans-serif";font-size:18px}& .sprint-title{margin-bottom:0;font-family:medium,"sans-serif";font-size:18px}& .id{color:#9ca3af;font-size:var(--space-md);align-items:center;gap:var(--space-xs);font-family:medium,"sans-serif";display:flex}}}& .task-details{gap:var(--space-md);flex-direction:column;display:flex}}.task-details{gap:var(--space-md);flex-direction:column;display:flex}.old-sprint{background-color:var(--white-color);border-radius:var(--radius-md);& .old-sprint-header{justify-content:space-between;align-items:center;width:100%;display:flex;& p{color:var(--primary-color);font-family:Bold;font-size:var(--md-size)}& .show-more{font-family:Regular;font-size:var(--sim-sm-size);color:#546881;cursor:pointer;margin-inline:var(--xs-size);text-decoration:underline}}& .p-accordioncontent{padding:0!important}& .cards{gap:var(--md-size);padding:0 var(--md-size) var(--md-size) var(--md-size);flex-direction:column;height:30vh;display:flex;overflow-y:auto;& .card{padding:var(--md-size);border-radius:var(--radius-md);background-color:#f9f9f9;border:1px solid #ececec;& .card-header{justify-content:flex-start;align-items:center;gap:var(--md-size);display:flex;& .date{font-size:var(--sim-md-size);color:#202020;font-family:Bold}& .revised-by{font-size:var(--sim-md-size);color:#ef3826;font-family:Bold}}& .card-body{margin-top:var(--sm-size);gap:var(--gap-md);grid-template-columns:repeat(3,1fr);display:grid;@media screen and (width<=768px){grid-template-columns:repeat(2,1fr)}@media screen and (width<=500px){grid-template-columns:repeat(1,1fr)}& .sub-cards{padding:var(--md-size);border-radius:var(--space-sm);background-color:var(--white-color);justify-content:space-between;align-items:center;display:flex;@media screen and (width<=820px){gap:var(--gap-sm);flex-wrap:wrap}& .sub-card{& span{color:#9ca3af;font-family:Medium;font-size:var(--sim-sm-size)}& p{color:#202020;font-family:Bold;font-size:var(--md-size)}}}}}}}.plan-history-progress{background-color:var(--white-color);border-radius:var(--radius-md);overflow:hidden;& .old-sprint-header{justify-content:space-between;align-items:center;width:100%;display:flex;& p{color:var(--primary-color);font-family:Bold;font-size:var(--md-size)}& .show-more{font-family:Regular;font-size:var(--sim-sm-size);color:#546881;cursor:pointer;margin-inline:var(--xs-size);text-decoration:underline}}& .p-accordioncontent{padding:0!important}& .cards{width:100%;padding:0 var(--md-size) var(--xl-size) var(--md-size);flex-direction:column;display:flex;& .card{align-items:flex-start;gap:var(--md-size);width:100%;display:flex;& .date{backdrop-filter:blur(5px);padding:var(--xs-size) var(--md-size);border-radius:var(--radius-md);color:#fff;font-family:Bold;font-size:var(--md-size);z-index:555;border:.5px solid #9ca3af66;justify-content:center;align-items:center;width:6rem;display:flex;position:relative;&:before{content:"";z-index:-1;background-color:#555;width:2px;height:1000%;position:absolute;top:2.7rem;left:50%;transform:translate(-50%)}}& .card-body{flex-direction:column;justify-content:flex-start;align-items:flex-start;width:100%;display:flex;& .description{width:43rem}& .attach-cont{flex-direction:row;align-items:flex-start;gap:8px;display:flex}& .attach{color:#87ceeb;font-family:Bold;font-size:var(--md-size)}& .info{justify-content:flex-start;align-items:flex-start;gap:var(--md-size);display:flex;& p{color:#635bff;font-weight:800;font-size:var(--md-size)}& .time{font-family:Regular;font-size:var(--md-size);color:#000}}& .items{align-items:flex-start;gap:var(--sm-size);padding-bottom:var(--xs-size);flex-wrap:wrap;justify-content:space-between;display:flex;& .item{flex-direction:row;align-items:center;gap:.3rem;display:flex;& .create-by{color:#909dad;font-family:Regular;font-size:var(--md-size)}& .accrodation{align-items:center;gap:.5rem;display:flex;& .note{color:#87ceeb;font-family:Bold;font-size:var(--md-size)}& p{color:var(--primary-color);font-family:Bold;font-size:var(--md-size)}}& span{font-family:Regular;font-size:var(--sm-size);color:#9ca3af}& p{color:#202020;font-family:Medium;font-size:var(--md-size)}}}}}}}.task-headline{gap:var(--space-sm);justify-content:space-between;align-items:center;padding-top:16px;display:flex;@media screen and (width<=768px){flex-direction:column;align-items:flex-start}& .headline-info{gap:var(--space-sm);align-items:center;display:flex}& .task-type{background-color:var(--primary-color-opacity-1);color:var(--primary-color);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm);font-family:medium,"sans-serif"}& .task-status{color:var(--success-color);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm);background-color:#00b69b1a;font-family:medium,"sans-serif"}& .task-block{color:var(--danger-color);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm);background-color:#ff00000f;font-family:medium,"sans-serif"}& .task-number{color:var(--primary-color);font-family:medium,"sans-serif"}& .duration{gap:var(--space-sm);align-items:center;display:flex;@media screen and (width<=768px){flex-direction:column;align-items:flex-start;width:100%;&>span{justify-content:space-between;width:100%}}&>span{gap:var(--space-xs);padding:var(--space-md) var(--space-lg);border-radius:var(--radius-md);border-style:solid;border-width:1px;align-items:center;font-family:medium,"sans-serif";display:flex;& span{font-family:Bold,"sans-serif"}}& .task-time{color:#b2bbc6;background-color:#5468810f;border-color:#546881;&>span{color:#546881;font-family:Bold,"sans-serif"}}& .hold-time{color:#dec295;background-color:#fbb03a0f;border-color:#fbb03a;&>span{color:#fbb03a;font-family:Bold,"sans-serif"}}& .total-time{color:#1e3a8e80;background-color:#1e3a8e0f;border-color:#1e3a8e80;&>span{color:#1e3a8e;font-family:Bold,"sans-serif"}}}}.current-sprint{& .sprint-info{gap:var(--space-md);flex-wrap:wrap;justify-content:space-between;display:flex;& .sprint-item{gap:var(--space-xs);flex-direction:column;display:flex;& .item-title{font-size:var(--space-md);color:#9ca3af;font-family:medium,"sans-serif"}& .item-value{font-size:var(--space-md);font-family:Bold,"sans-serif"}}}}.employee-history{border-radius:calc(var(--radius-sm) + 2px);color:#6eb0eb;font-family:bold,"sans-serif";font-size:var(--space-md);padding:calc(var(--radius-sm) + 2px);cursor:pointer;background:#6eb0eb0f;transition:all .3s ease-in-out;& .history-img{width:36px;height:36px;& img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}}}.employee{& .employee-name{font-size:var(--space-md);color:#000;margin-bottom:var(--space-xs);font-family:Bold,"sans-serif";font-weight:600}& .availability{gap:var(--space-xs);display:flex;& .availability-item{gap:var(--space-xs);align-items:center;display:flex;& img{width:24px;height:24px}& .availability-item-title{font-size:var(--space-md);color:#9ca3af;font-family:Regular,"sans-serif";& span{font-size:var(--space-md);color:#000;font-family:Bold,"sans-serif";font-weight:600}}}}}.sprint-info{gap:var(--space-md);flex-wrap:wrap;display:flex;&.issued{&>*{flex:1}& .sprint-item{border-radius:var(--radius-md);padding:var(--space-md);background-color:#f6f6f6}& .item-value{color:#f15642;font-family:Bold,"sans-serif"}}}.task-action{align-items:center;gap:var(--space-md);justify-content:center;display:flex;&>*{flex:1;justify-content:center;align-items:center;display:flex}& button{font-size:var(--space-md);justify-content:center;align-items:center;gap:var(--space-sm);border:none;border-radius:22px;flex:1;font-family:bold,sans-serif;display:flex;&.btn-start{color:var(--white-color);background-color:#00b38b}&.btn-hold{color:var(--white-color);background-color:#fbb03a}&.btn-end{color:var(--white-color);background-color:#f15642}}}.draft-info{gap:var(--space-sm);flex-direction:column;display:flex;& .draft-description,& .draft-test-cases{flex-direction:column;gap:2px;display:flex;& h4{font-size:var(--space-md);color:#6a717d;font-family:Regular,sans-serif}& p{font-size:var(--space-md);color:#282828;font-family:medium,sans-serif}}& .draft-test-cases{& ul{gap:var(--space-sm);flex-wrap:wrap;display:flex;& li{font-size:var(--space-md);justify-content:space-between;align-items:center;gap:var(--space-sm);color:var(--primary-color);font-family:medium,sans-serif;display:flex;&:has(input:checked){color:#546881}}}}}.suspend-task{gap:var(--space-sm);flex-wrap:wrap;justify-content:space-between;display:flex;& .suspend-info{gap:var(--space-sm);align-items:center;display:flex;& .img-suspend{width:54px;height:54px}& h4{font-size:calc(var(--space-md) 2px);color:#e7cb7b;font-family:Bold,sans-serif}& p{font-size:var(--space-md);color:#4c4c4c;font-family:medium,sans-serif}}& .btn-suspend{color:#fbb03a;padding:var(--space-md) var(--space-4xl);border-radius:var(--radius-lg);cursor:pointer;font-family:Bold,sans-serif;font-size:var(--space-md);background-color:#fbb03a0a;border:1px solid #fbb03a}}.history-employee{flex-direction:column;display:flex;overflow:hidden;& h4{margin-block:1rem;font-family:Bold,"sans-serif";font-size:1rem}& .history-item{align-items:center;gap:1rem;display:flex;position:relative;& .date{color:#9ca3af}& .history-status{background-color:#f9f9f9;border-radius:.5rem;justify-content:space-between;align-items:center;width:100%;margin-bottom:.5rem;padding:.5rem;display:flex;& .status{font-family:Bold,"sans-serif";&.START{color:#00b38b}&.HOLD{color:#fbb03a}&.SENT_TO_CLIENT{color:#f15642}}}& .icon{flex-direction:column;justify-content:center;align-items:center;display:flex;&:before{content:"";background-color:#9ca3af66;width:1.5px;height:100%;position:absolute;bottom:-120%;left:11.5px;transform:translateY(-50%)}}}}.note-card{flex-direction:column;gap:2px;width:60%;display:flex;@media (width<=765px){width:100%}&>*{flex:1}& .note-by{color:#9ca3af;font-family:medium,sans-serif}& .notes{font-family:Bold,sans-serif}& .note-date{color:#9ca3af;justify-content:flex-end;font-family:medium,sans-serif;display:flex}}.packedge-project-wrapper{& .packedge-info-card{background:#fff9;border-radius:26px;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:14px;width:100%;padding:16px;display:flex;@media (width<=1100px){justify-content:center;gap:22px}& .info-box-part{width:100%;& .all-status{flex-direction:column;gap:14px;display:flex;& .title-row{flex-wrap:wrap;justify-content:space-between;align-items:center;display:flex;& .send-button{flex-wrap:wrap;gap:20px;display:flex;& button.select{color:#fff;background:#1e3a8e;border-radius:36px;padding:14px 20px;font-family:Bold;font-size:16px}& button.send{color:#1e3a8e;background:#1e3a8e0d;border:2px dashed #1e3a8e;border-radius:36px;padding:14px 20px;font-family:Bold;font-size:16px}}& .info-rows{flex-direction:column;align-items:start;gap:4px;display:flex;& h6{color:#eabc31;align-items:center;gap:4px;font-family:Bold;display:flex;& span{color:#909dad;font-family:Regular}}& .project-name{flex-direction:column;gap:4px;display:flex;& h2{color:#3c58ac;font-family:Bold;font-size:26px}& span.location{color:#c59f6b;align-items:center;gap:4px;font-family:Bold;font-size:16px;display:flex}}}}& .project-grids{grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:10px;display:grid;& .small-card{gap:4px;display:flex;& span{color:#909dad;font-family:Regular;font-size:16px}& p{color:#47586e;font-family:Bold;font-size:16px}}}}}}}.last-sent-header{border-bottom:1px solid #0000;border-image:repeating-linear-gradient(90deg,#e9ebf4 0 10px,#0000 10px 20px) 1;justify-content:space-between;align-items:center;padding:0 0 12px;display:flex;& h2.titles{color:#1e3a8e;font-family:Bold;font-size:24px}& .actions{gap:14px;display:flex}}.bottom-content{background:#fafbfc;border-radius:21px;flex-wrap:wrap;justify-content:space-between;align-items:center;margin:19px 0 0;padding:10px;display:flex;& .bottom-items{grid-template-columns:repeat(2,1fr);gap:25px;padding:10px;display:grid;@media (width<=650px){grid-template-columns:1fr}& .item{gap:6px;display:flex;& h4{color:#909dad;font-size:16px}& span{color:#47586e;font-family:Bold;font-size:16px}}}& .task-status{border-radius:24px;padding:8px 10px;font-family:Bold;&.APPROVED{color:#34c759;background:#34c7591a}&.REJECTED{color:#ff3b30;background:#ff3b301a}&.SENT{color:#007aff;background:#007aff1a}}}.big-cards{& .big-card-header{border-bottom:1px solid #0000;border-image:repeating-linear-gradient(90deg,#e9ebf4 0 10px,#0000 10px 20px) 1;justify-content:space-between;align-items:center;padding:0 0 14px;display:flex;& .title{flex-direction:column;display:flex;& h2{color:#282828;font-family:Bold;font-size:24px}& h3{color:#909dad;font-size:16px;& span{color:#47586e}}}& .select h3{color:#47586e;font-family:Bold;font-size:16px}}}.plan-project-card-grid{margin-top:var(--space-md);grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:24px;display:grid;& .plan-project-card{background:#fff;border-radius:16px;flex-direction:column;gap:12px;max-height:350px;padding:14px;display:flex;overflow-y:scroll;& .card-header{background:#adbae20a;border-radius:12px;align-items:center;gap:6px;padding:12px 10px;display:flex;& .title-code{flex-direction:column;gap:4px;width:75%;display:flex;& span{color:#151a20;font-family:Bold;font-size:12px}& h5{color:#1e3a8e;font-family:Bold;font-size:16px}}& .percent{background:#fff;border-radius:16px;justify-content:center;align-items:center;height:fit-content;padding:8px;display:flex;& h6{color:#202020;gap:4px;font-family:Bold;font-size:16px;display:flex;& span{color:#34c759}}}}& .row{border-radius:18px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;padding:10px;display:grid;@media (width>=768px){grid-template-columns:repeat(3,minmax(0,1fr))}& .task-title{grid-column:1/-1}&:nth-of-type(odd){background:#f4faff}&:nth-of-type(2n){background:#1e3a8e03}& h4{color:#282828;border-bottom:1px solid #0000;border-image:repeating-linear-gradient(90deg,#e8e8e8 0 10px,#0000 10px 20px) 1;padding:10px 0;font-family:Bold;font-size:16px}& span{color:#546881;text-transform:uppercase;justify-content:start;align-items:center;font-family:Bold;font-size:14px;display:flex;&:not(:nth-of-type(3n)){border-inline-end:1px solid #151a20}}}}}.card-guide{border-radius:12px;height:135px;position:relative;overflow:hidden;& .card-guide-icon{& img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}}&:hover{& .card-guide-content{height:100%}& .card-guide-icon{& img{transform:scale(1.1)}}}& .card-guide-content{backdrop-filter:blur(44px);color:#fff;justify-content:center;align-items:center;width:100%;height:auto;padding:10px;transition:all .3s ease-in-out;display:flex;position:absolute;top:0;left:0;& .card-guide-title{font-family:Bold,sans-serif;font-size:20px;font-weight:700}}}.guide-card-item{background-color:#fff;border:1px solid #e9ebf4;border-radius:12px;flex-direction:column;justify-content:space-between;padding:24px;display:flex;position:relative;overflow:hidden;&:before,&:after{content:"";opacity:.5;border-radius:50%;width:87px;height:87px;position:absolute}&:before{background-color:#bb3cce33}&:after{background-color:#0000;border:1px solid #ff837399}&:nth-child(3n+1){&:before{top:-10px;right:-33px}&:after{top:-10px;left:12px}}&:nth-child(3n+2){&:before{bottom:-25px;left:-25px}&:after{top:20px;right:-40px}}&:nth-child(3n){&:before{top:-30px;left:-20px}&:after{bottom:-20px;right:-20px}}gap:10px;& .card-title{color:var(--primary-color);font-size:18px;font-weight:700}& .guide-card-item-link{color:var(--primary-color);text-align:center;border:1px solid var(--primary-color);background-color:var(--primary-color-opacity-1);border-radius:36px;width:100%;padding:10px;font-size:16px;font-weight:700;display:block}}*,:before,:after,::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#3b82f680;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border:0 solid #e5e7eb}:before,:after{--tw-content:""}html,:host{-webkit-text-size-adjust:100%;tab-size:4;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;line-height:1.5}body{line-height:inherit;margin:0}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-feature-settings:normal;font-variation-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-feature-settings:inherit;font-variation-settings:inherit;font-family:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:#0000;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{margin:0;padding:0;list-style:none}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder{opacity:1;color:#9ca3af}textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.container{width:100%}@media (width>=640px){.container{max-width:640px}}@media (width>=768px){.container{max-width:768px}}@media (width>=1024px){.container{max-width:1024px}}@media (width>=1280px){.container{max-width:1280px}}@media (width>=1536px){.container{max-width:1536px}}.\!visible{visibility:visible!important}.visible{visibility:visible}.collapse{visibility:collapse}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.inset-0{inset:0}.-left-8{left:-2rem}.bottom-0{bottom:0}.bottom-12{bottom:3rem}.bottom-16{bottom:4rem}.left-0{left:0}.right-0{right:0}.right-1{right:.25rem}.right-4{right:1rem}.top-1{top:.25rem}.top-2{top:.5rem}.top-4{top:1rem}.z-10{z-index:10}.z-40{z-index:40}.z-\[9999\]{z-index:9999}.col-span-1{grid-column:span 1/span 1}.col-span-12{grid-column:span 12/span 12}.col-span-2{grid-column:span 2/span 2}.col-span-3{grid-column:span 3/span 3}.col-span-4{grid-column:span 4/span 4}.col-span-5{grid-column:span 5/span 5}.col-span-6{grid-column:span 6/span 6}.m-0{margin:0}.m-4{margin:1rem}.-mx-1{margin-left:-.25rem;margin-right:-.25rem}.mx-2{margin-left:.5rem;margin-right:.5rem}.mx-3{margin-left:.75rem;margin-right:.75rem}.mx-auto{margin-left:auto;margin-right:auto}.my-2{margin-top:.5rem;margin-bottom:.5rem}.my-3{margin-top:.75rem;margin-bottom:.75rem}.my-4{margin-top:1rem;margin-bottom:1rem}.my-5{margin-top:1.25rem;margin-bottom:1.25rem}.my-6{margin-top:1.5rem;margin-bottom:1.5rem}.\!mb-0{margin-bottom:0!important}.\!mb-3{margin-bottom:.75rem!important}.\!me-0{margin-inline-end:0!important}.\!ms-0{margin-inline-start:0!important}.\!mt-10{margin-top:2.5rem!important}.\!mt-4{margin-top:1rem!important}.\!mt-5{margin-top:1.25rem!important}.\!mt-\[1\.5rem\]{margin-top:1.5rem!important}.\!mt-\[1rem\]{margin-top:1rem!important}.mb-0{margin-bottom:0}.mb-1{margin-bottom:.25rem}.mb-16{margin-bottom:4rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-5{margin-bottom:1.25rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.me-2{margin-inline-end:.5rem}.ml-2{margin-left:.5rem}.ml-4{margin-left:1rem}.ml-auto{margin-left:auto}.mr-2{margin-right:.5rem}.mr-4{margin-right:1rem}.mr-auto{margin-right:auto}.ms-2{margin-inline-start:.5rem}.ms-4{margin-inline-start:1rem}.ms-auto{margin-inline-start:auto}.mt-0{margin-top:0}.mt-0\.5{margin-top:.125rem}.mt-1{margin-top:.25rem}.mt-10{margin-top:2.5rem}.mt-16{margin-top:4rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-5{margin-top:1.25rem}.mt-6{margin-top:1.5rem}.mt-8{margin-top:2rem}.mt-\[5px\]{margin-top:5px}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.contents{display:contents}.list-item{display:list-item}.hidden{display:none}.\!h-\[35px\]{height:35px!important}.\!h-\[40px\]{height:40px!important}.h-1{height:.25rem}.h-10{height:2.5rem}.h-12{height:3rem}.h-2{height:.5rem}.h-20{height:5rem}.h-3\.5{height:.875rem}.h-32{height:8rem}.h-4{height:1rem}.h-40{height:10rem}.h-5{height:1.25rem}.h-6{height:1.5rem}.h-64{height:16rem}.h-8{height:2rem}.h-80{height:20rem}.h-\[100\%\]{height:100%}.h-\[19px\]{height:19px}.h-\[30px\]{height:30px}.h-\[30rem\]{height:30rem}.h-\[34rem\]{height:34rem}.h-\[40px\]{height:40px}.h-\[46px\]{height:46px}.h-\[70vh\]{height:70vh}.h-\[80vh\]{height:80vh}.h-\[8rem\]{height:8rem}.h-\[calc\(100vh-200px\)\]{height:calc(100vh - 200px)}.h-auto{height:auto}.h-full{height:100%}.h-screen{height:100vh}.max-h-64{max-height:16rem}.max-h-\[300px\]{max-height:300px}.max-h-\[50rem\]{max-height:50rem}.max-h-\[70vh\]{max-height:70vh}.max-h-\[80vh\]{max-height:80vh}.min-h-64{min-height:16rem}.min-h-\[100vh\],.min-h-screen{min-height:100vh}.\!w-52{width:13rem!important}.\!w-\[14rem\]{width:14rem!important}.\!w-\[35\%\]{width:35%!important}.\!w-\[35px\]{width:35px!important}.\!w-\[40px\]{width:40px!important}.\!w-\[50\%\]{width:50%!important}.\!w-\[5rem\]{width:5rem!important}.\!w-full{width:100%!important}.w-1\/2{width:50%}.w-1\/3{width:33.3333%}.w-10{width:2.5rem}.w-12{width:3rem}.w-16{width:4rem}.w-2{width:.5rem}.w-20{width:5rem}.w-24{width:6rem}.w-3\.5{width:.875rem}.w-32{width:8rem}.w-4{width:1rem}.w-40{width:10rem}.w-5{width:1.25rem}.w-6{width:1.5rem}.w-64{width:16rem}.w-8{width:2rem}.w-80{width:20rem}.w-\[100\%\]{width:100%}.w-\[19px\]{width:19px}.w-\[20\%\]{width:20%}.w-\[25\%\]{width:25%}.w-\[30\%\]{width:30%}.w-\[30px\]{width:30px}.w-\[40px\]{width:40px}.w-\[46px\]{width:46px}.w-\[50\%\]{width:50%}.w-\[50rem\]{width:50rem}.w-\[8\%\]{width:8%}.w-\[90\%\]{width:90%}.w-\[98\%\]{width:98%}.w-\[99\%\]{width:99%}.w-fit{width:fit-content}.w-full{width:100%}.w-px{width:1px}.min-w-\[300px\]{min-width:300px}.min-w-full{min-width:100%}.max-w-7xl{max-width:80rem}.max-w-\[100\%\]{max-width:100%}.max-w-\[200px\]{max-width:200px}.max-w-full{max-width:100%}.flex-1{flex:1}.flex-shrink{flex-shrink:1}.flex-shrink-0{flex-shrink:0}.border-collapse{border-collapse:collapse}.transform{transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes pulse{0%{transform:translateY(-50%)scale(1);box-shadow:0 0 #f87171b3}70%{transform:translateY(-50%)scale(1.1);box-shadow:0 0 0 6px #f8717100}to{transform:translateY(-50%)scale(1);box-shadow:0 0 #f8717100}}.animate-pulse{animation:2s cubic-bezier(.4,0,.6,1) infinite pulse}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.cursor-pointer{cursor:pointer}.resize{resize:both}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.content-start{align-content:flex-start}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-center{align-items:center}.items-baseline{align-items:baseline}.items-stretch{align-items:stretch}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-around{justify-content:space-around}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-24{gap:6rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-5{gap:1.25rem}.gap-6{gap:1.5rem}.gap-8,.gap-\[2rem\]{gap:2rem}.space-x-3>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(.75rem * var(--tw-space-x-reverse));margin-left:calc(.75rem * calc(1 - var(--tw-space-x-reverse)))}.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem * var(--tw-space-y-reverse))}.space-y-3>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.75rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.75rem * var(--tw-space-y-reverse))}.space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse))}.space-y-6>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.5rem * var(--tw-space-y-reverse))}.divide-y>:not([hidden])~:not([hidden]){--tw-divide-y-reverse:0;border-top-width:calc(1px * calc(1 - var(--tw-divide-y-reverse)));border-bottom-width:calc(1px * var(--tw-divide-y-reverse))}.divide-gray-200>:not([hidden])~:not([hidden]){--tw-divide-opacity:1;border-color:rgb(229 231 235/var(--tw-divide-opacity,1))}.overflow-hidden{overflow:hidden}.overflow-scroll{overflow:scroll}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.overflow-y-hidden{overflow-y:hidden}.overflow-y-scroll{overflow-y:scroll}.whitespace-nowrap{white-space:nowrap}.whitespace-pre{white-space:pre}.text-wrap{text-wrap:wrap}.text-nowrap{text-wrap:nowrap}.\!rounded-2xl{border-radius:1rem!important}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:1rem}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-md{border-radius:.375rem}.rounded-sm{border-radius:.125rem}.rounded-xl{border-radius:.75rem}.border{border-width:1px}.border-2{border-width:2px}.border-b{border-bottom-width:1px}.border-b-2{border-bottom-width:2px}.border-b-\[1px\]{border-bottom-width:1px}.border-l{border-left-width:1px}.border-l-4{border-left-width:4px}.border-t{border-top-width:1px}.border-t-2{border-top-width:2px}.border-none{border-style:none}.border-\[\#e0e0e0\]{--tw-border-opacity:1;border-color:rgb(224 224 224/var(--tw-border-opacity,1))}.border-black{--tw-border-opacity:1;border-color:rgb(0 0 0/var(--tw-border-opacity,1))}.border-blue-100{--tw-border-opacity:1;border-color:rgb(219 234 254/var(--tw-border-opacity,1))}.border-blue-200{--tw-border-opacity:1;border-color:rgb(191 219 254/var(--tw-border-opacity,1))}.border-blue-500{--tw-border-opacity:1;border-color:rgb(59 130 246/var(--tw-border-opacity,1))}.border-gray-100{--tw-border-opacity:1;border-color:rgb(243 244 246/var(--tw-border-opacity,1))}.border-gray-200{--tw-border-opacity:1;border-color:rgb(229 231 235/var(--tw-border-opacity,1))}.border-gray-300{--tw-border-opacity:1;border-color:rgb(209 213 219/var(--tw-border-opacity,1))}.border-gray-400{--tw-border-opacity:1;border-color:rgb(156 163 175/var(--tw-border-opacity,1))}.border-green-200{--tw-border-opacity:1;border-color:rgb(187 247 208/var(--tw-border-opacity,1))}.border-green-500{--tw-border-opacity:1;border-color:rgb(34 197 94/var(--tw-border-opacity,1))}.border-orange-200{--tw-border-opacity:1;border-color:rgb(254 215 170/var(--tw-border-opacity,1))}.border-orange-500{--tw-border-opacity:1;border-color:rgb(249 115 22/var(--tw-border-opacity,1))}.border-purple-200{--tw-border-opacity:1;border-color:rgb(233 213 255/var(--tw-border-opacity,1))}.border-purple-500{--tw-border-opacity:1;border-color:rgb(168 85 247/var(--tw-border-opacity,1))}.border-red-200{--tw-border-opacity:1;border-color:rgb(254 202 202/var(--tw-border-opacity,1))}.border-red-500{--tw-border-opacity:1;border-color:rgb(239 68 68/var(--tw-border-opacity,1))}.border-red-600{--tw-border-opacity:1;border-color:rgb(220 38 38/var(--tw-border-opacity,1))}.border-slate-200{--tw-border-opacity:1;border-color:rgb(226 232 240/var(--tw-border-opacity,1))}.border-white{--tw-border-opacity:1;border-color:rgb(255 255 255/var(--tw-border-opacity,1))}.border-yellow-200{--tw-border-opacity:1;border-color:rgb(254 240 138/var(--tw-border-opacity,1))}.border-yellow-500{--tw-border-opacity:1;border-color:rgb(234 179 8/var(--tw-border-opacity,1))}.bg-\[\#1e3a8e\]{--tw-bg-opacity:1;background-color:rgb(30 58 142/var(--tw-bg-opacity,1))}.bg-\[\#d1e7dd\]{--tw-bg-opacity:1;background-color:rgb(209 231 221/var(--tw-bg-opacity,1))}.bg-\[\#f0f0f0\]{--tw-bg-opacity:1;background-color:rgb(240 240 240/var(--tw-bg-opacity,1))}.bg-\[\#f1f5f9\]{--tw-bg-opacity:1;background-color:rgb(241 245 249/var(--tw-bg-opacity,1))}.bg-\[\#f8d7da\]{--tw-bg-opacity:1;background-color:rgb(248 215 218/var(--tw-bg-opacity,1))}.bg-\[\#faf2db\]{--tw-bg-opacity:1;background-color:rgb(250 242 219/var(--tw-bg-opacity,1))}.bg-\[\#ffffff99\]{background-color:#fff9}.bg-\[white\]{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.bg-amber-500{--tw-bg-opacity:1;background-color:rgb(245 158 11/var(--tw-bg-opacity,1))}.bg-black{--tw-bg-opacity:1;background-color:rgb(0 0 0/var(--tw-bg-opacity,1))}.bg-black\/50{background-color:#00000080}.bg-blue-100{--tw-bg-opacity:1;background-color:rgb(219 234 254/var(--tw-bg-opacity,1))}.bg-blue-50{--tw-bg-opacity:1;background-color:rgb(239 246 255/var(--tw-bg-opacity,1))}.bg-blue-500{--tw-bg-opacity:1;background-color:rgb(59 130 246/var(--tw-bg-opacity,1))}.bg-blue-600{--tw-bg-opacity:1;background-color:rgb(37 99 235/var(--tw-bg-opacity,1))}.bg-emerald-500{--tw-bg-opacity:1;background-color:rgb(16 185 129/var(--tw-bg-opacity,1))}.bg-emerald-600{--tw-bg-opacity:1;background-color:rgb(5 150 105/var(--tw-bg-opacity,1))}.bg-gray-100{--tw-bg-opacity:1;background-color:rgb(243 244 246/var(--tw-bg-opacity,1))}.bg-gray-200{--tw-bg-opacity:1;background-color:rgb(229 231 235/var(--tw-bg-opacity,1))}.bg-gray-300{--tw-bg-opacity:1;background-color:rgb(209 213 219/var(--tw-bg-opacity,1))}.bg-gray-400{--tw-bg-opacity:1;background-color:rgb(156 163 175/var(--tw-bg-opacity,1))}.bg-gray-50{--tw-bg-opacity:1;background-color:rgb(249 250 251/var(--tw-bg-opacity,1))}.bg-gray-50\/30{background-color:#f9fafb4d}.bg-green-100{--tw-bg-opacity:1;background-color:rgb(220 252 231/var(--tw-bg-opacity,1))}.bg-green-50{--tw-bg-opacity:1;background-color:rgb(240 253 244/var(--tw-bg-opacity,1))}.bg-green-500{--tw-bg-opacity:1;background-color:rgb(34 197 94/var(--tw-bg-opacity,1))}.bg-green-600{--tw-bg-opacity:1;background-color:rgb(22 163 74/var(--tw-bg-opacity,1))}.bg-indigo-500{--tw-bg-opacity:1;background-color:rgb(99 102 241/var(--tw-bg-opacity,1))}.bg-orange-100{--tw-bg-opacity:1;background-color:rgb(255 237 213/var(--tw-bg-opacity,1))}.bg-orange-50{--tw-bg-opacity:1;background-color:rgb(255 247 237/var(--tw-bg-opacity,1))}.bg-orange-500{--tw-bg-opacity:1;background-color:rgb(249 115 22/var(--tw-bg-opacity,1))}.bg-purple-100{--tw-bg-opacity:1;background-color:rgb(243 232 255/var(--tw-bg-opacity,1))}.bg-purple-500{--tw-bg-opacity:1;background-color:rgb(168 85 247/var(--tw-bg-opacity,1))}.bg-red-100{--tw-bg-opacity:1;background-color:rgb(254 226 226/var(--tw-bg-opacity,1))}.bg-red-200{--tw-bg-opacity:1;background-color:rgb(254 202 202/var(--tw-bg-opacity,1))}.bg-red-50{--tw-bg-opacity:1;background-color:rgb(254 242 242/var(--tw-bg-opacity,1))}.bg-red-500{--tw-bg-opacity:1;background-color:rgb(239 68 68/var(--tw-bg-opacity,1))}.bg-red-600{--tw-bg-opacity:1;background-color:rgb(220 38 38/var(--tw-bg-opacity,1))}.bg-rose-600{--tw-bg-opacity:1;background-color:rgb(225 29 72/var(--tw-bg-opacity,1))}.bg-slate-300{--tw-bg-opacity:1;background-color:rgb(203 213 225/var(--tw-bg-opacity,1))}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.bg-white\/20{background-color:#fff3}.bg-white\/90{background-color:#ffffffe6}.bg-yellow-100{--tw-bg-opacity:1;background-color:rgb(254 249 195/var(--tw-bg-opacity,1))}.bg-yellow-50{--tw-bg-opacity:1;background-color:rgb(254 252 232/var(--tw-bg-opacity,1))}.bg-yellow-500{--tw-bg-opacity:1;background-color:rgb(234 179 8/var(--tw-bg-opacity,1))}.bg-gradient-to-br{background-image:linear-gradient(to bottom right, var(--tw-gradient-stops))}.bg-gradient-to-r{background-image:linear-gradient(to right, var(--tw-gradient-stops))}.from-gray-50{--tw-gradient-from:#f9fafb var(--tw-gradient-from-position);--tw-gradient-to:#f9fafb00 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)}.from-gray-800{--tw-gradient-from:#1f2937 var(--tw-gradient-from-position);--tw-gradient-to:#1f293700 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)}.from-green-500{--tw-gradient-from:#22c55e var(--tw-gradient-from-position);--tw-gradient-to:#22c55e00 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)}.from-indigo-50{--tw-gradient-from:#eef2ff var(--tw-gradient-from-position);--tw-gradient-to:#eef2ff00 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)}.from-red-500{--tw-gradient-from:#ef4444 var(--tw-gradient-from-position);--tw-gradient-to:#ef444400 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)}.from-slate-50{--tw-gradient-from:#f8fafc var(--tw-gradient-from-position);--tw-gradient-to:#f8fafc00 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)}.from-white{--tw-gradient-from:#fff var(--tw-gradient-from-position);--tw-gradient-to:#fff0 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)}.from-yellow-500{--tw-gradient-from:#eab308 var(--tw-gradient-from-position);--tw-gradient-to:#eab30800 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)}.to-blue-50{--tw-gradient-to:#eff6ff var(--tw-gradient-to-position)}.to-emerald-600{--tw-gradient-to:#059669 var(--tw-gradient-to-position)}.to-gray-100{--tw-gradient-to:#f3f4f6 var(--tw-gradient-to-position)}.to-gray-50{--tw-gradient-to:#f9fafb var(--tw-gradient-to-position)}.to-gray-600{--tw-gradient-to:#4b5563 var(--tw-gradient-to-position)}.to-orange-600{--tw-gradient-to:#ea580c var(--tw-gradient-to-position)}.to-rose-600{--tw-gradient-to:#e11d48 var(--tw-gradient-to-position)}.to-slate-100{--tw-gradient-to:#f1f5f9 var(--tw-gradient-to-position)}.bg-clip-text{background-clip:text}.\!object-contain{-o-object-fit:contain!important;object-fit:contain!important}.object-contain{-o-object-fit:contain;object-fit:contain}.object-cover{-o-object-fit:cover;object-fit:cover}.\!p-2{padding:.5rem!important}.p-1{padding:.25rem}.p-10{padding:2.5rem}.p-12{padding:3rem}.p-2{padding:.5rem}.p-20{padding:5rem}.p-24{padding:6rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-5{padding:1.25rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.p-\[100px\]{padding:100px}.\!px-3{padding-left:.75rem!important;padding-right:.75rem!important}.\!py-1{padding-top:.25rem!important;padding-bottom:.25rem!important}.px-16{padding-left:4rem;padding-right:4rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-10{padding-top:2.5rem;padding-bottom:2.5rem}.py-16{padding-top:4rem;padding-bottom:4rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-4{padding-top:1rem;padding-bottom:1rem}.\!ps-0{padding-inline-start:0!important}.pb-2{padding-bottom:.5rem}.pl-3{padding-left:.75rem}.pl-6{padding-left:1.5rem}.pr-10{padding-right:2.5rem}.ps-3{padding-inline-start:.75rem}.ps-4{padding-inline-start:1rem}.ps-6{padding-inline-start:1.5rem}.ps-8{padding-inline-start:2rem}.pt-2{padding-top:.5rem}.pt-3{padding-top:.75rem}.pt-4{padding-top:1rem}.text-left{text-align:left}.text-center{text-align:center}.text-start{text-align:start}.text-end{text-align:end}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-4xl{font-size:2.25rem;line-height:2.5rem}.text-5xl{font-size:3rem;line-height:1}.text-\[20px\]{font-size:20px}.text-\[30px\]{font-size:30px}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:.75rem;line-height:1rem}.font-\[700\],.font-bold{font-weight:700}.font-medium{font-weight:500}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.lowercase{text-transform:lowercase}.capitalize{text-transform:capitalize}.normal-case{text-transform:none}.italic{font-style:italic}.leading-relaxed{line-height:1.625}.tracking-wide{letter-spacing:.025em}.tracking-wider{letter-spacing:.05em}.\!text-white{--tw-text-opacity:1!important;color:rgb(255 255 255/var(--tw-text-opacity,1))!important}.text-\[\#155724\]{--tw-text-opacity:1;color:rgb(21 87 36/var(--tw-text-opacity,1))}.text-\[\#1e3a8e\]{--tw-text-opacity:1;color:rgb(30 58 142/var(--tw-text-opacity,1))}.text-\[\#3D4C5E\]{--tw-text-opacity:1;color:rgb(61 76 94/var(--tw-text-opacity,1))}.text-\[\#721c24\]{--tw-text-opacity:1;color:rgb(114 28 36/var(--tw-text-opacity,1))}.text-\[\#ff0000\]{--tw-text-opacity:1;color:rgb(255 0 0/var(--tw-text-opacity,1))}.text-\[\#ffbf00\]{--tw-text-opacity:1;color:rgb(255 191 0/var(--tw-text-opacity,1))}.text-amber-600{--tw-text-opacity:1;color:rgb(217 119 6/var(--tw-text-opacity,1))}.text-black{--tw-text-opacity:1;color:rgb(0 0 0/var(--tw-text-opacity,1))}.text-blue-400{--tw-text-opacity:1;color:rgb(96 165 250/var(--tw-text-opacity,1))}.text-blue-500{--tw-text-opacity:1;color:rgb(59 130 246/var(--tw-text-opacity,1))}.text-blue-600{--tw-text-opacity:1;color:rgb(37 99 235/var(--tw-text-opacity,1))}.text-blue-700{--tw-text-opacity:1;color:rgb(29 78 216/var(--tw-text-opacity,1))}.text-blue-800{--tw-text-opacity:1;color:rgb(30 64 175/var(--tw-text-opacity,1))}.text-blue-900{--tw-text-opacity:1;color:rgb(30 58 138/var(--tw-text-opacity,1))}.text-emerald-600{--tw-text-opacity:1;color:rgb(5 150 105/var(--tw-text-opacity,1))}.text-gray-400{--tw-text-opacity:1;color:rgb(156 163 175/var(--tw-text-opacity,1))}.text-gray-500{--tw-text-opacity:1;color:rgb(107 114 128/var(--tw-text-opacity,1))}.text-gray-600{--tw-text-opacity:1;color:rgb(75 85 99/var(--tw-text-opacity,1))}.text-gray-700{--tw-text-opacity:1;color:rgb(55 65 81/var(--tw-text-opacity,1))}.text-gray-800{--tw-text-opacity:1;color:rgb(31 41 55/var(--tw-text-opacity,1))}.text-gray-900{--tw-text-opacity:1;color:rgb(17 24 39/var(--tw-text-opacity,1))}.text-green-500{--tw-text-opacity:1;color:rgb(34 197 94/var(--tw-text-opacity,1))}.text-green-600{--tw-text-opacity:1;color:rgb(22 163 74/var(--tw-text-opacity,1))}.text-green-800{--tw-text-opacity:1;color:rgb(22 101 52/var(--tw-text-opacity,1))}.text-green-900{--tw-text-opacity:1;color:rgb(20 83 45/var(--tw-text-opacity,1))}.text-indigo-500{--tw-text-opacity:1;color:rgb(99 102 241/var(--tw-text-opacity,1))}.text-indigo-600{--tw-text-opacity:1;color:rgb(79 70 229/var(--tw-text-opacity,1))}.text-orange-500{--tw-text-opacity:1;color:rgb(249 115 22/var(--tw-text-opacity,1))}.text-orange-600{--tw-text-opacity:1;color:rgb(234 88 12/var(--tw-text-opacity,1))}.text-orange-700{--tw-text-opacity:1;color:rgb(194 65 12/var(--tw-text-opacity,1))}.text-orange-800{--tw-text-opacity:1;color:rgb(154 52 18/var(--tw-text-opacity,1))}.text-purple-500{--tw-text-opacity:1;color:rgb(168 85 247/var(--tw-text-opacity,1))}.text-purple-600{--tw-text-opacity:1;color:rgb(147 51 234/var(--tw-text-opacity,1))}.text-purple-800{--tw-text-opacity:1;color:rgb(107 33 168/var(--tw-text-opacity,1))}.text-purple-900{--tw-text-opacity:1;color:rgb(88 28 135/var(--tw-text-opacity,1))}.text-red-500{--tw-text-opacity:1;color:rgb(239 68 68/var(--tw-text-opacity,1))}.text-red-600{--tw-text-opacity:1;color:rgb(220 38 38/var(--tw-text-opacity,1))}.text-red-800{--tw-text-opacity:1;color:rgb(153 27 27/var(--tw-text-opacity,1))}.text-rose-600{--tw-text-opacity:1;color:rgb(225 29 72/var(--tw-text-opacity,1))}.text-sky-600{--tw-text-opacity:1;color:rgb(2 132 199/var(--tw-text-opacity,1))}.text-slate-500{--tw-text-opacity:1;color:rgb(100 116 139/var(--tw-text-opacity,1))}.text-slate-800{--tw-text-opacity:1;color:rgb(30 41 59/var(--tw-text-opacity,1))}.text-transparent{color:#0000}.text-violet-600{--tw-text-opacity:1;color:rgb(124 58 237/var(--tw-text-opacity,1))}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.text-yellow-500{--tw-text-opacity:1;color:rgb(234 179 8/var(--tw-text-opacity,1))}.text-yellow-600{--tw-text-opacity:1;color:rgb(202 138 4/var(--tw-text-opacity,1))}.text-yellow-800{--tw-text-opacity:1;color:rgb(133 77 14/var(--tw-text-opacity,1))}.text-yellow-900{--tw-text-opacity:1;color:rgb(113 63 18/var(--tw-text-opacity,1))}.underline{text-decoration-line:underline}.opacity-0{opacity:0}.opacity-100{opacity:1}.opacity-20{opacity:.2}.shadow{--tw-shadow:0 1px 3px 0 #0000001a, 0 1px 2px -1px #0000001a;--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow)}.shadow-md{--tw-shadow:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 2px 0 #0000000d;--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow)}.outline{outline-style:solid}.ring-1{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow,0 0 #0000)}.ring-2{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow,0 0 #0000)}.ring-blue-300{--tw-ring-opacity:1;--tw-ring-color:rgb(147 197 253/var(--tw-ring-opacity,1))}.ring-gray-100{--tw-ring-opacity:1;--tw-ring-color:rgb(243 244 246/var(--tw-ring-opacity,1))}.blur{--tw-blur:blur(8px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.drop-shadow{--tw-drop-shadow:drop-shadow(0 1px 2px #0000001a) drop-shadow(0 1px 1px #0000000f);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.invert{--tw-invert:invert(100%);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.backdrop-filter{backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-all{transition-property:all;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-shadow{transition-property:box-shadow;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-1000{transition-duration:1s}.duration-200{transition-duration:.2s}.duration-300{transition-duration:.3s}.duration-500{transition-duration:.5s}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}@font-face{font-family:light;src:url(/assets/Cairo-Light-HW4IsvNJ.ttf)format("truetype")}@font-face{font-family:regular;src:url(/assets/Cairo-Regular-Cnczl1gu.ttf)format("truetype")}@font-face{font-family:medium;src:url(/assets/Cairo-SemiBold-C31bcSNm.ttf)format("truetype")}@font-face{font-family:bold;src:url(/assets/Cairo-Bold-CiRNIIeR.ttf)format("truetype")}.color_primary{color:var(--primary-color)}body{text-transform:capitalize;font-family:regular,sans-serif}body::-webkit-scrollbar{width:5px;height:5px}body::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px #0000004d}body::-webkit-scrollbar-thumb{background-color:var(--primary-color);outline:1px solid #708090}*{scrollbar-color:var(--primary-color) #f1f1f1;scrollbar-width:auto;scrollbar-track-color:#f1f1f1}.main-loader{background-color:#fff;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.back-white{background-color:var(--white-color)}.file_text{font-family:regular,sans-serif}.p-dialog-header{border-bottom:1px solid var(--line-color)}.img-preview{aspect-ratio:16/9;-o-object-fit:scale-down;object-fit:scale-down;border-radius:10px;width:500px}.attachment-container{height:100%;&.gallary{& .icon{cursor:pointer;background-color:#fff;border-radius:50%;justify-content:center;align-items:center;width:2.5rem;height:2.5rem;margin-top:.5rem;display:flex}}}.p-galleria-thumbnail{& img{aspect-ratio:16/9;-o-object-fit:cover;object-fit:cover;border-radius:10px;width:50px;height:100%}}.p-galleria-items-container,.p-galleria-content{height:100%}.pdf-preview{border:1px solid #ddd;width:100%;height:100%;position:relative;overflow:hidden}.pdf-viewer{width:100%;height:100%;& canvas{width:100%!important;height:auto!important}}.pdf-label{color:#fff;text-align:center;background:#000000b3;padding:4px;font-size:.8rem;position:absolute;bottom:0;left:0;right:0}iframe{transition:opacity .3s}.animate-spin{animation:1s linear infinite spin}.panel-container .p-panel-header .p-panel-title{font-size:24px}.sort-btn{border:1px solid var(--primary-color-opacity-1);background-color:#fff;border-radius:12px;justify-content:center;align-items:center;gap:6px;padding:10px 16px;display:flex}.p-tablist-active-bar{background:0 0!important}.dragging-row{opacity:.5;transition:opacity .2s;box-shadow:0 0 5px #ccc}.drag-over-row{cursor:move;z-index:1;background-color:#f5f5f5;border:1px solid #ccc;border-radius:5px;transition:background-color .2s}.drag-icon{cursor:pointer;background-color:#fff;border-radius:1rem;justify-content:center;align-items:center;width:5%;padding:1rem;transition:all .2s;display:flex;& img{-o-object-fit:scale-down;object-fit:scale-down;aspect-ratio:1;width:100%;height:100%}}.dragging-row-permit{opacity:.5;transition:opacity .2s;box-shadow:0 0 5px #ccc}.drag-over-row-permit{background-color:#f5f5f5}.btn-order-wrapper{align-items:center;gap:.25rem;display:flex}.btn-order{width:1rem;&:hover{cursor:pointer;& svg{transition:all .2s;transform:scale(1.2);& path{fill:var(--primary-color)}}}}.order{color:var(--primary-color);white-space:nowrap;font-size:.8rem;font-weight:700}.p-inputtext:enabled:focus{box-shadow:1px 1px 10px #0000001a!important}.priority{width:5rem;padding:var(--space-xs) var(--space-md);border-radius:var(--radius-lg);cursor:pointer;justify-content:center;align-items:center;font-family:medium,sans-serif;display:flex;position:relative}@keyframes tooltipFadeIn{0%{opacity:0;transform:translate(-50%)translateY(-8px)}to{opacity:1;transform:translate(-50%)translateY(0)}}.priority-high{font-family:Bold;color:#b91c1c!important}.priority-medium,.status-medium{font-family:Bold;color:#fbb03a!important}.status-started{font-family:Bold;color:#1e3a8e!important}.priority-low,.status-low{font-family:Bold;color:#00b69b!important}.btn-started{background-color:var(--primary-color);border:1px solid var(--primary-color);border-radius:var(--radius-sm);justify-content:center;align-items:center;gap:var(--space-sm);cursor:pointer;text-transform:capitalize;font-family:regular,sans-serif;transition:all .3s;display:flex;position:relative;overflow:hidden;&:disabled{cursor:not-allowed;color:var(--primary-color);background-color:#0000;transition:all .7s ease-in-out}& svg{& path{transition:all .7s ease-in-out}}&:hover{background-color:#0000;transition:all .7s ease-in-out;& svg{& path{fill:var(--primary-color);transition:all .7s ease-in-out}}}}.btn-started:before{content:"";background:linear-gradient(90deg,#0000,#fff3,#0000);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.btn-started:hover{color:#fff;background:#2952b3;transform:translateY(-2px);box-shadow:0 10px 30px #1e3a8e66}.btn-started:hover:before{left:100%}.status-rejected{color:#b91f13;white-space:pre;background-color:#f31d1d26;border:1px solid #f31d1d26;border-radius:8px;padding:4px 10px;font-weight:500}.status-accepted{color:#166534;white-space:pre;background-color:#22c55e26;border:1px solid #16653466;border-radius:8px;padding:4px 10px;font-weight:500}.status-pending{color:#b45309;white-space:pre;background-color:#fbbf2426;border:1px solid #b4530966;border-radius:8px;padding:4px 10px;font-weight:500}.btn-hold{border-radius:var(--radius-sm);justify-content:center;align-items:center;gap:var(--space-sm);cursor:pointer;text-transform:capitalize;background-color:orange;border:1px solid orange;font-family:regular,sans-serif;transition:all .3s;display:flex;position:relative;overflow:hidden;&:disabled{cursor:not-allowed;color:orange;background-color:#0000;transition:all .7s ease-in-out}& svg{& path{transition:all .7s ease-in-out}}&:hover{background-color:#0000;transition:all .7s ease-in-out;& svg{& path{fill:orange;transition:all .7s ease-in-out}}}}.btn-hold:before{content:"";background:linear-gradient(90deg,#0000,#ffa50033,#0000);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.btn-hold:hover{color:#fff;background:orange;transform:translateY(-2px);box-shadow:0 10px 30px #ffa50066}.btn-hold:hover:before{left:100%}.btn-end{border-radius:var(--radius-sm);justify-content:center;align-items:center;gap:var(--space-sm);cursor:pointer;text-transform:capitalize;background-color:#22c55e;border:1px solid #22c55e;font-family:regular,sans-serif;transition:all .3s;display:flex;position:relative;overflow:hidden;&:disabled{cursor:not-allowed;color:#22c55e;background-color:#0000;transition:all .7s ease-in-out}& svg{& path{transition:all .7s ease-in-out}}&:hover{background-color:#0000;transition:all .7s ease-in-out;& svg{& path{fill:#22c55e;transition:all .7s ease-in-out}}}}.btn-end:before{content:"";background:linear-gradient(90deg,#0000,#ffa50033,#0000);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.btn-end:hover{color:#fff;background:#22c55e;transform:translateY(-2px);box-shadow:0 10px 30px #22c55e66}.btn-end:hover:before{left:100%}.priority-no-points{white-space:pre;background-color:#6b728026;border:1px solid #37415166;border-radius:8px;padding:4px 10px;font-weight:500;color:#374151!important}button{&.disabled{opacity:.7;cursor:not-allowed}}.filter-container{background-color:#fff;border:1px solid #e5e7eb;border-radius:.5rem;margin-bottom:1.5rem;padding:1rem;box-shadow:0 1px 2px #0000000d}.fav-routes{& .p-button{color:#fff!important;cursor:pointer!important;z-index:9999!important;background:#fff!important;border:none!important;border-radius:50%!important;justify-content:center!important;align-items:center!important;width:60px!important;height:60px!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important;display:flex!important;position:relative!important;box-shadow:0 8px 24px #0000001a!important;&.p-speeddial-button{width:60px!important;height:60px!important;transform:translateY(-10px)!important}&:hover{border:none!important;box-shadow:0 8px 24px #0006!important}}}@font-face{font-family:header-text;src:url(/assets/StoryScript-Regular-Ci_1fhje.ttf)}.status-container{align-items:center;display:flex;position:relative}.refused-status{-webkit-backdrop-filter:blur(10px);-moz-backdrop-filter:blur(10px);-o-backdrop-filter:blur(10px);-ms-backdrop-filter:blur(10px);background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%);border:1px solid #fff3;border-radius:12px;align-items:center;padding:8px 12px;animation:.5s ease-out slideInRight,2s ease-in-out infinite glowPulse;display:flex;position:relative;overflow:hidden;&.hold{background:linear-gradient(135deg,#d97706 0% 100%)}}.refused-status:hover{animation:2s ease-in-out infinite shake;box-shadow:0 0 10px #ef444499}.refused-status:before{content:"";z-index:1;background:linear-gradient(120deg,#fff0 0%,#fff6 50%,#fff0 100%);width:50%;height:100%;animation:4s linear infinite shimmerMove;position:absolute;top:0;left:-75%}.status-content{z-index:2;align-items:center;gap:6px;display:flex;position:relative}.status-icon{flex-shrink:0;animation:2s ease-in-out infinite shake}.status-text{color:#fff;white-space:nowrap;letter-spacing:.3px;font-size:12px;font-weight:600}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes glowPulse{0%,to{box-shadow:0 0 #ef444466}50%{box-shadow:0 0 0 4px #ef44441a}}@keyframes shake{0%,to{transform:rotate(0)}25%{transform:rotate(-5deg)}75%{transform:rotate(5deg)}}@keyframes shimmerMove{0%{left:-75%}to{left:125%}}@media (width<=768px){.refused-status{padding:6px 10px}.status-text{font-size:11px}.status-icon{width:14px;height:14px}}.tooltip{background:linear-gradient(135deg,#fff 0%,#f8f9fa 100%);border:1px solid #00000014;border-radius:12px;min-width:280px;animation:.3s forwards tooltipFadeIn;box-shadow:0 10px 40px #0000001f,0 2px 8px #00000014;& .tooltip-text{color:#2c3e50;cursor:pointer;justify-content:space-between;align-items:center;gap:12px;padding:14px 18px;font-family:medium,sans-serif;font-size:14px;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden;&:not(:last-child){border-bottom:1px solid #0000000f}&:before{content:"";background:linear-gradient(90deg, var(--primary-color-rgba,#3b82f614) 0%, transparent 100%);opacity:0;transition:opacity .25s;position:absolute;inset:0}& .icon-check,& .icon-x{flex-shrink:0;width:18px;height:18px;transition:transform .25s}& .icon-check{color:#10b981}& .icon-x{color:#ef4444}&:hover{color:var(--primary-color,#3b82f6);padding-left:24px;&:before{opacity:1}& .icon-check,& .icon-x{transform:scale(1.1)}}&:first-child{border-radius:12px 12px 0 0}&:last-child{border-bottom:none;border-radius:0 0 12px 12px}&:only-child{border-radius:12px}}}.p-toggleswitch.p-toggleswitch-checked .p-toggleswitch-slider{background-color:var(--primary-color)!important}.tag{align-items:center;gap:6px;display:inline-flex}.general-info{color:#555;background-color:#fff;border:1px solid #ddd;border-radius:4px;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:10px;padding:8px 12px;font-size:14px;font-weight:500;display:flex}.general-info span{vertical-align:middle;background-color:#f0f8ff;border:1px solid #ccc;width:12px;height:12px;margin-right:8px;display:inline-block}.info-popover-content.style-4{background:#fff;border-left:4px solid #667eea;border-radius:12px;max-width:350px;padding:20px;animation:.3s ease-out fadeInUp;box-shadow:0 4px 6px #00000012,0 10px 20px #0000001a}.info-popover-content.style-4 h3{color:#1a202c;border-bottom:1px solid #e2e8f0;align-items:center;gap:10px;margin:0 0 16px;padding-bottom:12px;font-size:17px;font-weight:600;display:flex}.info-popover-content.style-4 h3:before{content:"📌";font-size:22px}.info-popover-content.style-4 p{color:#4a5568;background:#f7fafc;border-radius:6px;margin:0 0 12px;padding:8px 12px;font-size:14px;line-height:1.6}.info-popover-content.style-4 p:last-child{margin-bottom:0}.info-popover-content.style-4 strong{color:#2d3748;align-items:center;gap:6px;margin-bottom:4px;font-size:13px;font-weight:600;display:flex}.info-popover-content.style-4 strong:before{content:"•";color:#667eea;font-size:18px}.textPrimaryColor{color:var(--primary-color)}@property --progress{syntax:"<number>";inherits:false;initial-value:0}.progress-circle-small{--size:55px;--thickness:18px;--progress:0;width:var(--size);height:var(--size);background:conic-gradient(from 0deg, #1e3a8e 0%, #1e3a8e calc(var(--progress) * 0.5%), #1e3a8e calc(var(--progress) * 1%), #e5e7eb 0);border-radius:50%;justify-content:center;align-items:center;animation:1.6s ease-out forwards fill-progress;display:flex;position:relative}.progress-circle-small:before{content:"";background:#f9f9f9;border-radius:50%;position:absolute;inset:5px}.progress-circle-small span{color:#1e3a8e;font-family:Bold;font-size:14px;position:relative}@keyframes fill-progress{0%{--progress:0}to{--progress:var(--value)}}.p-popover{border-radius:16px!important}.offer-history{flex-direction:column;gap:10px;margin-inline-start:10px;display:flex;& .offer-card-header-title{color:#1a202c;align-items:center;gap:6px;font-size:14px;font-weight:600;display:flex}}.hover\:-translate-y-1:hover{--tw-translate-y:-.25rem;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:cursor-pointer:hover{cursor:pointer}.hover\:border-gray-400:hover{--tw-border-opacity:1;border-color:rgb(156 163 175/var(--tw-border-opacity,1))}.hover\:bg-blue-100:hover{--tw-bg-opacity:1;background-color:rgb(219 234 254/var(--tw-bg-opacity,1))}.hover\:bg-gray-100:hover{--tw-bg-opacity:1;background-color:rgb(243 244 246/var(--tw-bg-opacity,1))}.hover\:bg-gray-50:hover{--tw-bg-opacity:1;background-color:rgb(249 250 251/var(--tw-bg-opacity,1))}.hover\:bg-white:hover{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.hover\:from-slate-100:hover{--tw-gradient-from:#f1f5f9 var(--tw-gradient-from-position);--tw-gradient-to:#f1f5f900 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)}.hover\:to-slate-200:hover{--tw-gradient-to:#e2e8f0 var(--tw-gradient-to-position)}.hover\:font-semibold:hover{font-weight:600}.hover\:text-blue-600:hover{--tw-text-opacity:1;color:rgb(37 99 235/var(--tw-text-opacity,1))}.hover\:underline:hover{text-decoration-line:underline}.hover\:shadow-md:hover{--tw-shadow:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow)}.hover\:shadow-xl:hover{--tw-shadow:0 20px 25px -5px #0000001a, 0 8px 10px -6px #0000001a;--tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow)}.focus\:border-red-500:focus{--tw-border-opacity:1;border-color:rgb(239 68 68/var(--tw-border-opacity,1))}@media (width>=640px){.sm\:block{display:block}.sm\:w-auto{width:auto}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:flex-row{flex-direction:row}.sm\:flex-col{flex-direction:column}.sm\:items-center{align-items:center}.sm\:gap-4{gap:1rem}}@media (width>=768px){.md\:col-span-1{grid-column:span 1/span 1}.md\:col-span-12{grid-column:span 12/span 12}.md\:col-span-2{grid-column:span 2/span 2}.md\:col-span-3{grid-column:span 3/span 3}.md\:col-span-4{grid-column:span 4/span 4}.md\:col-span-6{grid-column:span 6/span 6}.md\:w-1\/2{width:50%}.md\:w-1\/3{width:33.3333%}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.md\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.md\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.md\:flex-row{flex-direction:row}.md\:flex-nowrap{flex-wrap:nowrap}}@media (width>=1024px){.lg\:col-span-2{grid-column:span 2/span 2}.lg\:col-span-3{grid-column:span 3/span 3}.lg\:col-span-8{grid-column:span 8/span 8}.lg\:grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.lg\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.lg\:grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}.lg\:flex-nowrap{flex-wrap:nowrap}.lg\:gap-96{gap:24rem}}@media (width>=1280px){.xl\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.xl\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.xl\:flex-nowrap{flex-wrap:nowrap}.xl\:gap-96{gap:24rem}}@media (prefers-color-scheme:dark){.dark\:border{border-width:1px}.dark\:bg-\[\#1e3a8e\]{--tw-bg-opacity:1;background-color:rgb(30 58 142/var(--tw-bg-opacity,1))}.dark\:text-gray-300{--tw-text-opacity:1;color:rgb(209 213 219/var(--tw-text-opacity,1))}.dark\:text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}}