.layout__container{display:flex;flex-direction:column;height:100dvh}.layout__navWrapper{display:flex;gap:1.5rem;align-items:center;padding:.5rem 2rem .5rem 1rem;box-shadow:0 4px 8px #33333329}.layout__navWrapper>*{cursor:pointer}.layout__logo{height:3rem}.layout__navList{display:flex;gap:2rem;margin-left:auto}.layout__navItem a{list-style:none;text-decoration:none;display:flex;align-items:center;gap:.25rem;font-weight:var(--fw-700)}.layout__navItem a.tab-is-active>svg{color:var(--theme-primary)}.layout__navItem a.tab-is-active>p{color:var(--text-primary)}.layout__navItem a.tab-is-not-active{color:var(--text-secondary)}.notification{position:fixed;cursor:pointer;padding:1rem 1.5rem;border-radius:5px;box-shadow:var(--box-shadow);max-width:40dvw;white-space:pre-line;text-wrap:pretty;z-index:99999;opacity:0;transform:translate(100%);transition:transform .5s ease,opacity .5s ease;display:flex;align-items:center;gap:1rem}.notification.visible{opacity:1;transform:translate(0);animation:bounceIn .6s ease}.notification.light{background-color:#fff;color:#000}.notification.dark{background-color:#333;color:#fff}.icon{font-size:1.75rem}.icon.success{color:#2ce426}.icon.error{color:red}.icon.warning{color:#ffc107}.toast__message{font-size:1rem;max-height:80dvh;padding:.5rem 1rem;overflow:auto;font-weight:var(--fw-500);text-transform:capitalize}.progress-bar{position:absolute;bottom:0;left:0;height:5px;width:100%;animation:progress linear}.progress-bar.success{background:#2ce426}.progress-bar.error{background:red}.progress-bar.warning{background:#ffc107}@keyframes bounceIn{0%{transform:translate(100%)}60%{transform:translate(-20px)}80%{transform:translate(10px)}to{transform:translate(0)}}@keyframes progress{0%{width:100%}to{width:0}}.dashboard__container{display:flex;flex-direction:column;gap:.5rem;padding:1rem}.dashboard__header{display:flex;justify-content:space-between;align-items:center}.dashboard__cards{display:grid;gap:.5rem;grid-template-columns:repeat(auto-fill,minmax(20rem,1fr));grid-auto-rows:max-content}.costing-card{background:#fff;border-radius:var(--border-radius);border:1px solid var(--border-clr);box-shadow:var(--box-shadow);display:flex;flex-direction:column}.card-header{display:flex;align-items:center;gap:.5rem;padding:.5rem;border-radius:var(--border-radius) var(--border-radius) 0 0}.icon-wrapper{width:3rem;aspect-ratio:1;border-radius:var(--border-radius);background:var(--theme-secondary);display:flex;align-items:center;justify-content:center}.lead-no{margin:0;font-size:1rem;font-weight:700;color:var(--theme-primary)}.project-name{margin:0;font-size:14px;color:#666}.price{padding:.5rem;font-size:20px;font-weight:700;color:var(--theme-primary)}.card-footer{padding:.5rem;font-size:13px;font-weight:var(--fw-600);display:flex;justify-content:space-between;color:var(--theme-primary);cursor:pointer}.card-footer .arrow{font-weight:var(--fw-600)}.costing-card:hover{cursor:pointer}.costing-card:hover>.card-header,.costing-card:hover>.price{background-color:var(--theme-primary);color:#fff}.costing-card:hover .icon-wrapper{background-color:#fff}.costing-card:hover>.card-header>.card-header__content>*{color:#fff!important}.form-group{display:flex;flex-direction:column;gap:.5rem}.delete-btn{background:transparent;border:none;color:#ff4d4f;font-size:18px;cursor:pointer;margin-left:auto}.delete-btn:hover{color:#d9363e}.popup__overlay{position:fixed;top:0;left:0;z-index:9999;height:100dvh;width:100dvw;background-color:#0006;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:grid;place-content:center}.modal__box{border-radius:var(--border-radius);animation:fadeIn .3s ease-in-out;--__header-bg: var(--theme-secondary);--__header-clr: var(--theme-primary);--__button-bg: var(--theme-primary);--__button-clr: #fff;--__border-clr: var(--theme-primary)}@keyframes fadeIn{0%{opacity:0;scale:0}to{opacity:1;scale:1}}.popup__container{box-shadow:var(--box-shadow);border-radius:var(--border-radius);background-color:#fff;display:flex;flex-direction:column;max-height:90dvh;max-width:90dvw}.popup__header{background-color:var(--__header-bg);color:var(--__header-clr);font-size:var(--fs-125);font-weight:var(--fw-600);text-transform:capitalize;display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:.75rem 1rem;border-radius:var(--border-radius) var(--border-radius) 0 0}.popup__header>svg:hover{cursor:pointer;scale:1.2}.popup__form{display:flex;flex-direction:column;gap:1rem;padding:1rem;max-height:80dvh;overflow:auto}.popup__input,.input__field,.popup__textarea{padding:.5rem 1rem;border:1px solid var(--__border-clr);border-radius:var(--border-radius);outline:none}.popup__textarea{padding:.5rem}.popup__container .input-group{--__color: var(--__border-clr)}.popup__buttons{display:flex;justify-content:flex-end;gap:1em;padding:0 1rem 1rem}.popup__buttons .primary__button,.popup__buttons .secondary__button:hover{background-color:var(--__button-bg);border-color:var(--__border-clr);color:var(--__button-clr)}.popup__buttons .secondary__button{border-color:var(--__border-clr);background-color:var(--__header-bg);color:var(--__header-clr)}.one-input-wrapper{display:grid;gap:.5em}.two-input-wrapper{display:grid;gap:1em;grid-template-columns:repeat(2,1fr)}.three-input-wrapper{display:grid;gap:1em;grid-template-columns:repeat(3,1fr)}.popup__ruler{width:100%;height:1px;border-bottom:1px solid var(--__header-clr)}.popup__alert{font-size:.85rem;color:red;display:flex;align-items:center;gap:.25rem}.popup__container .select-box--arrow{background-color:var(--__button-bg)}.popup__container .select-box--container,.popup__container .select-box--items{border-color:var(--__border-clr)}.popup__container .select-box--items div:hover{background-color:var(--__header-bg);color:var(--__header-clr)}.popup__container .dropdown__label,.popup__container .input-group{color:var(--__border-clr)}.popup__container .popup__header-buttons .primary__button,.popup__container .popup__header-buttons .secondary__button:hover{background-color:var(--__button-bg);border-color:var(--__border-clr)}.popup__container .popup__header-buttons .secondary__button{border-color:var(--__border-clr)}.popup__container table thead{background-color:var(--__header-bg)}.popup__container *::-webkit-scrollbar-thumb{background-color:var(--__header-clr)}.popup__container input{accent-color:var(--__header-clr)}.popup__container .download__icon{color:var(--__header-clr)}.custom-dropdown{position:relative;min-width:11rem;border-radius:var(--border-radius)}.dropdown-selected{border:1px solid var(--border-clr);border-radius:var(--border-radius);padding:.5rem 1rem;cursor:pointer;display:flex;gap:1rem;justify-content:space-between;align-items:center;font-weight:var(--fw-400);font-size:.85rem}.arrow{font-size:.75rem;color:var(--theme-primary)}.dropdown-menu{position:absolute;width:max-content;margin-top:.25rem;background:#fff;border:1px solid var(--border-clr);border-radius:var(--border-radius-md);box-shadow:var(--box-shadow);z-index:99999}.portal-dropdown{background:#fff;border:1px solid var(--border-clr);border-radius:var(--border-radius-md);box-shadow:var(--box-shadow)}.dropdown-option.highlighted{background-color:var(--theme-secondary);border-radius:var(--border-radius-md)}.dropdown-menu .dropdown-search{position:sticky;top:0;width:100%;padding:.5rem 1rem;border:none;border-radius:var(--border-radius-md) var(--border-radius-md) 0 0!important;background-color:var(--theme-secondary);border-bottom:1px solid var(--border-clr);font-size:var(--fs-100);outline:none}.dropdown-options{max-height:10rem;overflow-y:auto}.dropdown-option{font-size:.85rem;font-weight:var(--fw-500);padding:.75rem 1rem;cursor:pointer;transition:background-color .2s}.dropdown-option:hover{background-color:var(--theme-secondary)}.option__description{display:block;font-size:.85rem;color:var(--text-secondary);margin-top:.25rem;line-height:1.2}.no-option{color:gray;font-style:italic}.settings__container{display:flex;flex-direction:column;gap:.5rem;padding:1rem}.settings__header{display:flex;justify-content:space-between;align-items:center}.header__tabs{width:max-content;display:flex;align-items:center;padding:2px;border:1px solid var(--theme-primary);border-radius:calc(var(--border-radius) + 2px);box-shadow:var(--box-shadow)}.header__tabs li{text-align:center;list-style:none;color:#000;cursor:pointer;white-space:nowrap;padding:.5rem}.header__tabs li.active{background-color:var(--theme-primary);color:#fff;border-radius:var(--border-radius)}.settings__tables{border:1px solid var(--border-clr);border-radius:var(--border-radius);height:calc(100dvh - 9rem);width:calc(100dvw - 2rem);overflow:auto}.projects__container,.users__container{height:100%}.projects__container{display:flex;flex-direction:column;gap:.5rem;border:1px solid #D4D4D4;box-shadow:var(--box-shadow);border-radius:var(--border-radius);background-color:#fff;padding:.5rem}.projects__header{display:flex;gap:.5rem;align-items:center}.projects__header .search__box{margin-left:auto}.projects__header .search__box .primary__button{height:2rem;border-radius:0 var(--border-radius) var(--border-radius) 0}.projects__table{position:relative;overflow:auto;width:calc(100dvw - 3rem);height:calc(100dvh - 12rem);border:1px solid var(--border-clr);border-radius:var(--border-radius)}.projects__filters{display:flex;gap:.5em;align-items:center}.checkbox-label{font-weight:var(--font-weight-400)}.checkbox-label input{display:none}.checkbox-label.checked{background:var(--theme-primary);color:#fff}.page__container{display:flex;flex-direction:column;padding:1rem}.form__tabs{display:flex;width:100%;overflow:auto;list-style:none;margin:0;padding-top:6px;position:relative;z-index:1}.form__tabs::-webkit-scrollbar{height:6px}.form__tabs::-webkit-scrollbar-thumb{background:#aaa;border-radius:4px}.form__tabs li{flex:1;flex-shrink:0;padding:.5rem 1rem;background:#f8f9fa;border:1px solid #ddd;border-radius:.5rem .5rem 0 0;cursor:pointer;position:relative;z-index:1;white-space:nowrap;max-width:max-content;text-overflow:ellipsis;overflow:hidden;transition:all .2s ease-in-out}.form__tabs li:hover{background:#f1f1f1}.form__tabs li.active{background:var(--theme-primary);color:#fff;z-index:10;flex:1 0 auto;transform:translateY(-4px) scale(1.02);border-bottom:1px solid #fff;border-top-left-radius:var(--border-radius);box-shadow:0 4px 8px #0000001f}.form__tabs li:first-child.active{transform-origin:left;position:relative}.form__tabs li:last-child.active{transform-origin:right}.form__content{border:1px solid #ddd;border-top:none;padding:.5rem;background:#fff;position:relative;z-index:5;transition:all .25s ease-in-out;height:calc(100dvh - 9.25rem);overflow:auto}.content__grid{display:grid;grid-template-columns:.5fr 3fr 1.25fr 1.5fr 10ch 1fr 1.8fr 2fr 2fr 2fr 1fr 1fr;border:1px solid #ddd}.totalsContent__grid{display:grid;grid-template-columns:.5fr 3fr 10ch 1fr 1.8fr 2fr 1fr}.grid__header,.grid__item{border-bottom:1px solid #eee;border-right:1px solid #eee;font-size:14px;text-align:center;display:grid;place-items:center}.grid__header{font-weight:700;background:#f8f9fa;padding:.5rem}.grid__item:last-child,.grid__header:last-child{border-right:none}.grid__item{padding:.25rem;text-transform:capitalize}.grid__item>input{width:100%;outline:none;border:1px solid var(--border-clr);border-radius:var(--border-radius);padding:.25rem .5rem;text-align:center}.grid__item b{padding:.5rem 1rem}.totals__wrapper{display:flex;gap:.5rem;flex-direction:column}.margin__section{display:grid;gap:.5rem;grid-template-columns:repeat(2,1fr);align-items:center}.margin__section>div>input{border:1px solid var(--border-clr);border-radius:var(--border-radius);padding:.5rem 1rem}.totals__wrapper{display:flex;gap:1rem;flex-direction:column}.margin__section{display:grid;gap:.75rem;grid-template-columns:repeat(2,1fr);align-items:center}.margin__section.three__columns{grid-template-columns:repeat(3,1fr)}.margin__section>div{display:flex;gap:.5rem;align-items:center}.margin__section>div>label{font-weight:500;color:#495057;font-size:14px}.margin__section>div>input{border:1px solid var(--border-clr);border-radius:var(--border-radius);padding:.625rem 1rem;font-size:14px;transition:all .2s ease}.margin__section>div>input:focus{outline:none;border-color:var(--theme-primary);box-shadow:0 0 0 3px #2563eb1a}.alert{display:flex;align-items:center;justify-content:center;border:1px solid;border-radius:.3125rem;font-size:14px;font-weight:400;padding:.5rem 1rem}.alert-info{color:#0c5460;background-color:#d1ecf1;border-color:#bee5eb}.alert-danger{border-color:#f1aeb5;color:red;background-color:#f8d7da}.primary__button,.secondary__button{font-weight:var(--fw-600);text-align:center;outline:none;border:none;padding:.5rem 1rem;border:1px solid var(--theme-primary);border-radius:var(--border-radius);cursor:pointer;display:flex;gap:.5em;align-items:center;justify-content:center}.primary__button{background:var(--theme-primary);color:#fff}.primary__button:hover{opacity:.8}.secondary__button{background-color:var(--theme-secondary);color:#333;transition:all .3s ease-in-out}.secondary__button:hover{background:var(--theme-primary);color:#fff;opacity:1}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}.display-flex{display:flex;gap:.5rem}.span__color{color:#ff1818}.capitalize{text-transform:capitalize}.no-data{height:100%;display:flex;align-items:center;justify-content:center;text-transform:capitalize;color:var(--theme-primary)}.horizontal__ruler{width:100%;border-bottom:2px solid var(--border-clr);margin:0}.developed__by{font-size:.75rem;padding:.75rem;display:grid;gap:.25rem;place-items:center}.ymautomation__link{font-family:Audiowide,Inter,sans-serif;text-decoration:none;cursor:pointer;position:relative}.ymautomation__link:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:1px;background-color:#000;transform:scaleX(0);transition:transform .3s ease-in-out}.ymautomation__link:hover{font-size:.8rem}.ymautomation__link:hover:after{transform:scaleX(.9)}.header__drawer{display:flex;gap:.5rem;align-items:center;margin-left:auto}.header__drawer>svg{cursor:pointer;scale:1.5;color:var(--theme-primary)}.header__drawer svg:hover{scale:1.75!important}.drawer__content{display:flex;gap:1rem;align-items:center;transition:opacity 2s ease-in-out,width 2s ease-in-out}.input-group{position:relative;--__color: var(--theme-primary);display:grid}.input,.non-required,.non-required--vaild{all:unset;padding:1em;color:#000;border:1px solid var(--__color);caret-color:var(--__color);border-radius:var(--border-radius);transition:.15s cubic-bezier(.4,0,.2,1)}.label{position:absolute;top:50%;left:1em;transform:translateY(-50%);pointer-events:none;transition:.15s cubic-bezier(.4,0,.2,1);color:var(--__color)}.input:focus,.non-required:focus{border:1px solid var(--__color)}.input:is(:focus,:valid)~label,.non-required:focus~label,.non-required--vaild:valid~label{transform:translateY(-215%) scale(.85);background-color:#fff;padding-inline:.3em;color:var(--__color)}input[type=checkbox]{accent-color:var(--theme-primary)}input[type=number]::-webkit-inner-spin-button{display:none}.loader-container{height:100%;width:100%;display:grid;place-content:center}.loader{width:50px;aspect-ratio:1;border-radius:50%;background:radial-gradient(farthest-side,var(--theme-primary) 94%,#0000) top/8px 8px no-repeat,conic-gradient(#0000 30%,var(--theme-primary));mask:radial-gradient(farthest-side,#0000 calc(100% - 8px),#000 0);-webkit-mask:radial-gradient(farthest-side,#0000 calc(100% - 8px),#000 0);animation:l13 1s infinite linear}@keyframes l13{to{transform:rotate(1turn)}}::-webkit-scrollbar{width:.5em;height:.5em}::-webkit-scrollbar-track{background-color:#d9d9d9;border-radius:999dvw}::-webkit-scrollbar-thumb{background:var(--theme-primary);border-radius:var(--border-radius);cursor:pointer}.search__box{border:1px solid var(--theme-primary);border-radius:var(--border-radius);display:flex}.search__box button{border:none}.search__box-input{outline:none;border:none;padding:.5rem 1rem;border-radius:var(--border-radius) 0 0 var(--border-radius);color:var(--theme-primary)}table{border-collapse:collapse;border-spacing:0;width:100%;white-space:nowrap}thead{background-color:var(--theme-secondary);position:sticky;top:-.5px;z-index:4}table thead tr,table tbody tr{border-width:1px 0 1px 0!important;border-style:solid;border-color:var(--border-clr);scroll-snap-align:start}table thead tr{border-top:0}table thead th,table tbody td{padding:.75em;text-align:center}*{box-sizing:border-box}:root{--theme-primary: #0F75BD;--theme-secondary: #E3F0FE;--theme-bg: #EFF8F0;--text-primary: #000;--text-secondary: #8d8c8c;--ff-primary: "Montserrat", sans-serif;--fs-100: clamp(.9rem, .95rem + .25vw, 1rem);--fs-125: clamp(1.1rem, 1.15rem + .4vw, 1.25rem);--fs-150: clamp(1.3rem, 1.35rem + .5vw, 1.5rem);--fs-200: clamp(1.6rem, 1.8rem + .6vw, 2rem);--fs-225: clamp(1.8rem, 2rem + .8vw, 2.25rem);--fw-400: 400;--fw-600: 600;--fw-700: 700;--border-radius: 5px;--border-clr: #D9D9D9;--box-shadow: 0px 2px 4px 0px #00000040;font-family:var(--ff-primary);font-size:var(--fs-100);font-weight:var(--fw-400)}html{scroll-behavior:smooth}body{margin:0}