@import url(https://fonts.googleapis.com/css2?family=Manrope:wght@200;300;400;500;600;700;800&display=swap);:root{--manrope-font:"Manrope",sans-serif;--primary-font:#01aab8;--primary-bg:#fff;--secondary-bg:#f3f6fc;--primary-input-bg:#c0cfe7;--primary-black:#000;--hover-transition:all ease-in-out 0.3s;--default-card-color:#a69305}body{background-color:#fff;background-color:var(--primary-bg);font-family:Manrope,sans-serif;font-family:var(--manrope-font)}::selection{color:#000;color:var(--primary-black)}.basic-button{box-shadow:1px 5px 20px -8px rgba(0,0,0,.55);-webkit-box-shadow:1px 5px 20px -8px rgba(0,0,0,.55);-moz-box-shadow:1px 5px 20px -8px rgba(0,0,0,.55);padding:.5rem 1rem}.basic-button,.dash-button{border:1px solid #01aab8;border:1px solid var(--primary-font);border-radius:5px;cursor:pointer;font-size:1rem}.dash-button{background-color:#f3f6fc;background-color:var(--secondary-bg);color:#01aab8;color:var(--primary-font);padding:1rem}*,:after,:before{box-sizing:border-box}*{margin:0;padding:0}body,html{height:100%}body{-ms-overflow-style:none;-webkit-font-smoothing:antialiased;line-height:1.5;overflow-y:scroll;scrollbar-width:none}body::-webkit-scrollbar{display:none}canvas,img,picture,svg,video{display:block;max-width:100%}img{display:block}li,ol,ul{list-style:none;margin:0;padding:0}button,input,select,textarea{font:inherit}h1,h2,h3,h4,h5,h6,p{overflow-wrap:break-word}#__next,#root{isolation:isolate}a{text-decoration:none}.hamburger{display:none}.landing-header,.nav-action,.navigation-menu{display:flex;flex-direction:row}.landing-header{align-items:center;background-color:var(--primary-bg);box-shadow:0 0 0 .5px rgba(0,0,0,.1);justify-content:space-between;padding:1.5rem}.landing-header.active-header{display:flex;flex-direction:row;justify-content:space-between;padding:1.5rem;position:fixed;top:0;width:100%;z-index:1}.landing-header a{height:-webkit-max-content;height:max-content}.landing-header img:first-child{max-width:100%;width:13rem}.nav-section{align-items:center;display:flex;flex-direction:row;gap:2rem}.navigation-menu{gap:1rem}.navigation-menu li a{color:var(--primary-black)}.nav-action{gap:1rem}.nav-action button:first-child{background-color:var(--primary-font);color:var(--primary-bg)}.nav-action button:first-child a,.nav-action button:first-child a:visited{color:var(--primary-bg)}.nav-action button:last-child{background-color:var(--primary-bg);color:var(--primary-font)}.nav-action button:last-child a,.nav-action button:last-child a:visited{color:var(--primary-font)}

/* ! Transitions */.nav-action button:first-child:hover,.nav-action button:last-child:hover,.navigation-menu li a{transition:var(--hover-transition)}@media (hover:hover){.nav-action button:first-child:hover,.nav-action button:last-child:hover,.navigation-menu li a:hover{transition:var(--hover-transition)}.navigation-menu li a:hover{color:var(--primary-font)}.nav-action button:first-child:hover{background-color:var(--primary-font);color:var(--primary-bg)}.nav-action button:last-child:hover{background-color:var(--primary-bg);color:var(--primary-font)}}@media screen and (max-width:890px){.nav-action{display:flex;flex-direction:column}}@media screen and (max-width:800px){.nav-section.active-menu .navigation-menu{flex-direction:column}.nav-section.active-menu{position:fixed;top:0}.nav-section{align-items:center;background-color:var(--primary-bg);display:flex;flex-direction:column;font-size:1.5rem;gap:2rem;height:100vh;justify-content:center;left:0;padding-top:2rem;position:fixed;right:0;text-align:center;top:-100%;transition:.2s linear;z-index:1}}.menu-toggle{background-color:var(--primary-font);border-radius:99px;cursor:pointer;display:none;height:60px;position:fixed;right:1rem;top:1rem;width:60px;z-index:2}.dash-hamburger{left:50%;position:relative;top:calc(50% - 2px);-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:29px}.dash-hamburger>span,.dash-hamburger>span:after,.dash-hamburger>span:before{background-color:#fff;border-radius:99px;display:block;height:3px;position:absolute;transition-duration:.25s;width:100%}.dash-hamburger>span:before{content:"";top:-8px}.dash-hamburger>span:after{content:"";top:8px}.menu-toggle.is-active .dash-hamburger>span{-webkit-transform:rotate(45deg);transform:rotate(45deg)}.menu-toggle.is-active{z-index:4}.menu-toggle.is-active .dash-hamburger>span:before{top:0;-webkit-transform:rotate(0deg);transform:rotate(0deg)}.menu-toggle.is-active .dash-hamburger>span:after{top:0;-webkit-transform:rotate(90deg);transform:rotate(90deg)}@media (max-width:700px){.menu-toggle{display:block}}
/* ! Landing Main */.landing-main{display:flex;flex-direction:column;gap:8rem}.highlight-title{color:var(--primary-font)}

/* ! Hero */.hero{align-items:center;display:grid;grid-template-columns:repeat(2,1fr);padding:2rem}.hero-content{display:flex;flex-direction:column;font-size:1.5rem;gap:1.5rem}.hero-content h1{font-size:3rem}.hero-form{display:flex;flex-direction:column;gap:2.5rem}.hero-form span{font-size:.7rem;font-weight:600}.hero-signup{display:flex;flex-direction:row;font-size:1rem;gap:1rem;position:relative}.hero-input-error{color:red;position:absolute;top:100%}.hero-signup input{border:1px solid var(--primary-black);border-radius:5px;padding:.3rem 1rem}.hero-signup button{background-color:var(--primary-font);color:var(--primary-bg)}.hero-signup input{outline-color:var(--primary-font)}.hero-signup button a{color:inherit}

/* ! Features */.features{display:flex;flex-direction:column;gap:5rem}.feature-content{display:flex;flex-direction:row;font-size:1.5rem;gap:3rem;padding:2rem}.features-description{display:flex;flex-direction:column;gap:1rem}.feature-btn{background-color:var(--primary-font);color:var(--primary-bg);font-size:1rem;width:-webkit-max-content;width:max-content}.features-list{grid-row-gap:3rem;grid-column-gap:1rem;-webkit-column-gap:1rem;column-gap:1rem;display:grid;font-size:1.2rem;grid-template-columns:repeat(2,1fr);row-gap:3rem}.features-list h3{font-weight:800;padding-bottom:2rem}

/* ! CTA  */.cta{background-color:var(--secondary-bg);gap:2rem;justify-content:center;padding:3rem;text-align:center}.cta,.cta-content{align-items:center;display:flex;flex-direction:column}.cta-content{font-size:1.5rem;gap:1rem}.partners{background-color:var(--secondary-bg);display:flex;flex-direction:row;gap:2rem}.partners img{width:8rem}.cta-content button{background-color:var(--primary-font);color:var(--primary-bg)}

/* ! App Features */.app-features{align-items:center;display:flex;flex-direction:column;font-size:1.5rem;gap:2rem;letter-spacing:1px;text-align:center}.app-icons{display:flex;flex-direction:row;gap:1rem}.app-icons img{max-width:100%;width:13rem}

/* ! Statisctics Preview */.statisctics-preview{display:grid;grid-template-columns:repeat(2,1fr);padding:2rem}.statisctics-preview-content{display:flex;flex-direction:column;font-size:1.5rem;gap:1rem}.timeline{background:var(--primary-color);font-size:1.5rem;margin:1.5rem auto;padding:1.5rem}.timeline-outer{border-left:2px solid var(--primary-black);display:flex;flex-direction:column;gap:3rem}.card{border-radius:8px;margin:0 0 20px 20px}.card,.title{color:var(--primary-black);position:relative}.title:before{background-color:var(--primary-bg);content:"📌";font-size:1.5rem;left:-2rem;position:absolute}

/* ! Testimonials */.testimonials-preview{display:flex;flex-direction:column;gap:2rem}.testimonials-preview-content{font-size:1.5rem;line-height:3rem;text-align:center}.testimonials-list{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(2,1fr);padding:2rem}.single-testimonial{border:1px solid var(--primary-black);border-radius:5px;display:flex;flex-direction:column;gap:1rem;justify-content:space-between;padding:2rem}.testimonial-rating{width:7rem}.testimonial-icon{height:3rem;max-width:100%;width:3rem}.testimonial-author{align-items:center;display:flex;flex-direction:row;gap:1rem}

/* ! Pricing Preview */.pricing-preview-content{font-size:1.5rem;line-height:3rem;text-align:center}.old-pricing{color:orange;text-decoration:line-through}.billing-buttons{display:flex;flex-direction:row;justify-content:center}.billing-buttons button{background-color:initial;border-color:var(--primary-font);border-style:solid;border-width:1px;color:var(--primary-font);cursor:pointer;padding:.7rem 1.2rem}.plan-btn.active{background-color:var(--primary-font);color:var(--primary-bg)}.billing-buttons button:first-child{border-radius:5px 0 0 5px;border-right:0}.billing-buttons button:last-child{border-radius:0 5px 5px 0}.pricing-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(2,1fr);margin:0 auto;padding:2rem;width:75%}.basic-plan,.business-plan{border:1px solid var(--primary-black);border-radius:5px;display:flex;flex-direction:column;font-size:1.5rem;gap:1.5rem;padding:1rem 1rem 5rem}.pricing-features-preview{display:flex;flex-direction:column;gap:2rem}.pricing-features-preview li{align-items:center;display:flex;flex-direction:row;gap:1rem;letter-spacing:1px}.pricing-features-preview li img{height:1.5rem;width:1rem}.basic-plan h3,.basic-plan h4,.business-plan h3,.business-plan h4{font-size:2rem}.basic-plan button,.business-plan button{background-color:var(--primary-font);color:var(--primary-bg)}

/* ! Transitions */.basic-plan button,.business-plan button,.cta button,.feature-btn,.hero-signup button{transition:var(--hover-transition)}@media (hover:hover){.basic-plan button:hover,.business-plan button:hover,.cta button:hover,.feature-btn:hover,.hero-signup button:hover{transition:var(--hover-transition)}.basic-plan button:hover,.business-plan button:hover,.cta button:hover,.feature-btn:hover,.hero-signup button:hover{background-color:var(--primary-bg);color:var(--primary-font)}}@media screen and (max-width:1200px){.feature-content{flex-direction:column}.features-list{-webkit-column-gap:3rem;column-gap:3rem}.pricing-grid{gap:1rem;width:90%}}@media screen and (max-width:970px){.hero{grid-template-columns:1fr}.hero-content,.hero-form{align-items:center}.hero-content .tagline{display:none}.hero-content p{text-align:center}.partners{display:grid;grid-template-columns:repeat(3,1fr)}.pricing-grid{width:100%}.pricing-preview-content{padding:1rem}}@media screen and (max-width:770px){.features-list,.pricing-grid,.statisctics-preview,.testimonials-list{grid-template-columns:1fr}.title:before{left:-3rem}.hero-content{text-align:center}}@media screen and (max-width:500px){.app-features h2{padding:1rem}.app-icons{flex-direction:column}}.about{gap:7rem}.about,.about article:first-child{display:flex;flex-direction:column}.about article:first-child{align-items:center;background-color:var(--secondary-bg);padding:5rem 2rem}.about-title{text-align:center;width:60%}.about-title h2{font-size:3rem}.about-us{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(2,1fr);margin:0 auto;width:90%}.about-us img{height:100%;object-fit:cover;width:100%}.about-us section:first-child{display:flex;flex-direction:column;gap:1rem}.about-us section:first-child h3{font-size:2rem}.about-us section:first-child p{font-size:1.2rem}.tagline{font-weight:800;letter-spacing:1px}.our-team{gap:2rem;margin:0 auto;width:90%}.our-team,.our-team-header{display:flex;flex-direction:column}.our-team-header{gap:1rem;width:65%}.our-team-header h3{font-size:2rem}.our-team-header p{font-size:1.2rem}.team-slider{display:flex;flex-direction:row;gap:3rem}.team-member{gap:1rem}.team-member,.team-member-info{display:flex;flex-direction:column}.team-member img{border-radius:50%;width:5rem}.team-member h4{font-weight:800}

/* ! Slider Pagination */.slider-pagination{align-items:center;display:flex;flex-direction:row;gap:2rem;position:relative}.slider-pagination li a{background-color:var(--secondary-bg);border:1px solid var(--secondary-bg);border-radius:100%;color:var(--secondary-bg);cursor:pointer;font-size:.7rem;padding:.1rem .4rem}.slider-pagination li.selected a{background-color:var(--primary-font);border:1px solid var(--primary-font);border-radius:100%;color:var(--primary-font);cursor:pointer;font-size:.7rem;padding:.1rem .4rem}.slider-pagination li:first-child,.slider-pagination li:last-child{background-color:initial}.slider-pagination li:first-child a,.slider-pagination li:last-child a{background-color:initial;border:1px solid var(--primary-font);border-radius:100%;color:var(--primary-font);font-size:2rem;font-weight:800;padding:0 12px;position:absolute}.slider-pagination li:first-child a{left:95%;top:-12%}.slider-pagination li:last-child a{left:100%;top:-12%}.highlight-testimonial,.highlight-testimonial-1{align-items:center;background-color:var(--secondary-bg);display:flex;flex-direction:column;gap:2rem;padding:3rem 2rem}.highlight-testimonial-1{justify-content:center;margin:0 auto;text-align:center;width:65%}.highlight-testimonial .stars{width:7rem}.highlight-testimonials-author{align-items:center;display:flex;flex-direction:row;gap:2rem}.highlight-author{display:flex;flex-direction:row;gap:1rem;position:relative}.highlight-author:after{background-color:var(--primary-black);content:"";display:inline-block;height:100%;position:absolute;right:-10%;width:1px}.highlight-author img{border-radius:50%;width:3rem}.highlight-author section{align-items:flex-start;display:flex;flex-direction:column}.highlight-author section p:first-child{font-weight:800}.bright-studio{height:50%;width:7rem}

/* ! Hover */.slider-pagination li:first-child a,.slider-pagination li:last-child a{transition:var(--hover-transition)}@media (hover:hover){.slider-pagination li:first-child a:hover,.slider-pagination li:last-child a:hover{background-color:var(--primary-font);color:var(--primary-bg);transition:var(--hover-transition)}}@media screen and (max-width:970px){.about-us{grid-template-columns:1fr}.about-us img{margin:0 auto;width:70%}.team-slider{gap:1rem}.slider-pagination li:first-child a{left:90%}.slider-pagination li:last-child a{left:97%}}@media screen and (max-width:800px){.team-member img{margin:0 auto;width:12rem}.team-slider{align-items:center;flex-direction:column;gap:3rem;justify-content:center;margin:0 auto;text-align:center;width:50%}.our-team-header{width:90%}.slider-pagination{margin-top:4rem}.slider-pagination li:first-child a{left:85%}.slider-pagination li:last-child a{left:95%}.about-title,.highlight-testimonial-1{width:90%}}@media screen and (max-width:580px){.team-slider{width:80%}.slider-pagination li:first-child a{left:75%}.slider-pagination li:last-child a{left:90%}.highlight-testimonials-author{flex-direction:column}.highlight-author:after{display:none}}.contact{gap:7rem;padding-top:5rem}

/* ! Contact Us Form */.contact,.contact-us-form{display:flex;flex-direction:column}.contact-us-form{gap:1.5rem;padding:2rem}.contact-us-form h2{font-size:2.5rem}.contact-us-form-section{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(2,1fr)}.contact-input-err{color:red}.contact-us-form-section form{display:flex;flex-direction:column;gap:1rem;width:80%}.contact-us-form-section form label{display:flex;flex-direction:column;font-weight:600}.contact-us-form-section form input,.contact-us-form-section form textarea{border:1px solid var(--primary-black);border-radius:5px;padding:.5rem}.terms-checkbox{display:flex;flex-direction:row;gap:1rem}.terms-checkbox a{color:var(--primary-black)}.contact-us-form-section img{object-fit:cover;width:100%}.contact-us-form-section button{background-color:var(--primary-font);color:var(--primary-bg);width:-webkit-max-content;width:max-content}

/* ! Contact Info */.contact-info{background-color:var(--secondary-bg);display:flex;flex-direction:row;gap:2rem;justify-content:space-between;padding:2rem}.contact-info img{width:3rem}.contact-info section{align-items:flex-start;display:flex;flex-direction:column;gap:1rem;padding:2rem}.contact-info section h3{font-size:1.5rem}.contact-info-detail{font-size:.8rem;font-weight:600}

/* ! Location */.location{display:flex;flex-direction:column;gap:1.5rem;padding:2rem}.location h3{font-size:2.5rem}.locations-list{display:flex;flex-direction:column;gap:2rem}.locations-list section{display:flex;flex-direction:column;gap:1rem}.locations-list section h4{font-size:1.5rem}.locations-list section a{color:var(--primary-black);font-weight:600}.locations-list section:first-child{position:relative}.locations-list section:first-child:after{background-color:var(--primary-black);content:"";display:inline-block;height:100%;left:-1.5%;position:absolute;top:0;width:2px}.location-content{display:grid;grid-template-columns:repeat(2,1fr)}.map{width:100%}#map,.map{height:100%}#map{margin:0 auto;max-width:90%}

/* ! Transitions */.contact-us-form-section button{transition:var(--hover-transition)}@media (hover:hover){.contact-us-form-section button:hover{background-color:var(--primary-bg);color:var(--primary-font);transition:var(--hover-transition)}}@media screen and (max-width:970px){.contact-us-form-section,.location-content{grid-template-columns:1fr}.contact-info{gap:1rem;padding:1rem}.location-content{gap:3rem}.map{height:20rem}#map,.map{width:100%}#map{height:100%;margin:initial;max-width:30rem}}@media screen and (max-width:700px){.contact-info{flex-direction:column;gap:2rem;padding:2rem}.contact-info section{align-items:center;padding:0}}.leaflet-image-layer,.leaflet-layer,.leaflet-marker-icon,.leaflet-marker-shadow,.leaflet-pane,.leaflet-pane>canvas,.leaflet-pane>svg,.leaflet-tile,.leaflet-tile-container,.leaflet-zoom-box{left:0;position:absolute;top:0}.leaflet-container{overflow:hidden}.leaflet-marker-icon,.leaflet-marker-shadow,.leaflet-tile{-webkit-user-drag:none;-webkit-user-select:none;user-select:none}.leaflet-tile::selection{background:transparent}.leaflet-safari .leaflet-tile{image-rendering:-webkit-optimize-contrast}.leaflet-safari .leaflet-tile-container{height:1600px;-webkit-transform-origin:0 0;width:1600px}.leaflet-marker-icon,.leaflet-marker-shadow{display:block}.leaflet-container .leaflet-marker-pane img,.leaflet-container .leaflet-overlay-pane svg,.leaflet-container .leaflet-shadow-pane img,.leaflet-container .leaflet-tile,.leaflet-container .leaflet-tile-pane img,.leaflet-container img.leaflet-image-layer{max-height:none!important;max-width:none!important}.leaflet-container.leaflet-touch-zoom{touch-action:pan-x pan-y}.leaflet-container.leaflet-touch-drag{touch-action:none;touch-action:pinch-zoom}.leaflet-container.leaflet-touch-drag.leaflet-touch-zoom{touch-action:none}.leaflet-container{-webkit-tap-highlight-color:transparent}.leaflet-container a{-webkit-tap-highlight-color:rgba(51,181,229,.4)}.leaflet-tile{-webkit-filter:inherit;filter:inherit;visibility:hidden}.leaflet-tile-loaded{visibility:inherit}.leaflet-zoom-box{box-sizing:border-box;height:0;width:0}.leaflet-overlay-pane svg{-moz-user-select:none}.leaflet-vml-shape{height:1px;width:1px}.lvml{behavior:url(#default#VML);display:inline-block;position:absolute}.leaflet-control{pointer-events:visiblePainted;pointer-events:auto;position:relative}.leaflet-bottom,.leaflet-top{pointer-events:none;position:absolute}.leaflet-top{top:0}.leaflet-right{right:0}.leaflet-bottom{bottom:0}.leaflet-left{left:0}.leaflet-control{clear:both;float:left}.leaflet-right .leaflet-control{float:right}.leaflet-top .leaflet-control{margin-top:10px}.leaflet-bottom .leaflet-control{margin-bottom:10px}.leaflet-left .leaflet-control{margin-left:10px}.leaflet-right .leaflet-control{margin-right:10px}.leaflet-fade-anim .leaflet-tile{will-change:opacity}.leaflet-fade-anim .leaflet-popup{opacity:0;transition:opacity .2s linear}.leaflet-fade-anim .leaflet-map-pane .leaflet-popup{opacity:1}.leaflet-zoom-animated{-webkit-transform-origin:0 0;transform-origin:0 0}.leaflet-zoom-anim .leaflet-zoom-animated{transition:-webkit-transform .25s cubic-bezier(0,0,.25,1);transition:transform .25s cubic-bezier(0,0,.25,1);transition:transform .25s cubic-bezier(0,0,.25,1),-webkit-transform .25s cubic-bezier(0,0,.25,1);will-change:transform}.leaflet-pan-anim .leaflet-tile,.leaflet-zoom-anim .leaflet-tile{transition:none}.leaflet-zoom-anim .leaflet-zoom-hide{visibility:hidden}.leaflet-interactive{cursor:pointer}.leaflet-grab{cursor:grab}.leaflet-crosshair,.leaflet-crosshair .leaflet-interactive{cursor:crosshair}.leaflet-control,.leaflet-popup-pane{cursor:auto}.leaflet-dragging .leaflet-grab,.leaflet-dragging .leaflet-grab .leaflet-interactive,.leaflet-dragging .leaflet-marker-draggable{cursor:move;cursor:grabbing}.leaflet-image-layer,.leaflet-marker-icon,.leaflet-marker-shadow,.leaflet-pane>svg path,.leaflet-tile-container{pointer-events:none}.leaflet-image-layer.leaflet-interactive,.leaflet-marker-icon.leaflet-interactive,.leaflet-pane>svg path.leaflet-interactive,svg.leaflet-image-layer.leaflet-interactive path{pointer-events:visiblePainted;pointer-events:auto}.leaflet-container{outline:0}.leaflet-container a{color:#0078a8}.leaflet-container a.leaflet-active{outline:2px solid orange}.leaflet-zoom-box{background:hsla(0,0%,100%,.5);border:2px dotted #38f}.leaflet-container{font:12px/1.5 Helvetica Neue,Arial,Helvetica,sans-serif}.leaflet-bar{border-radius:4px;box-shadow:0 1px 5px rgba(0,0,0,.65)}.leaflet-bar a,.leaflet-bar a:hover{background-color:#fff;border-bottom:1px solid #ccc;color:#000;display:block;height:26px;line-height:26px;text-align:center;text-decoration:none;width:26px}.leaflet-bar a,.leaflet-control-layers-toggle{background-position:50% 50%;background-repeat:no-repeat;display:block}.leaflet-bar a:hover{background-color:#f4f4f4}.leaflet-bar a:first-child{border-top-left-radius:4px;border-top-right-radius:4px}.leaflet-bar a:last-child{border-bottom:none;border-bottom-left-radius:4px;border-bottom-right-radius:4px}.leaflet-bar a.leaflet-disabled{background-color:#f4f4f4;color:#bbb;cursor:default}.leaflet-touch .leaflet-bar a{height:30px;line-height:30px;width:30px}.leaflet-touch .leaflet-bar a:first-child{border-top-left-radius:2px;border-top-right-radius:2px}.leaflet-touch .leaflet-bar a:last-child{border-bottom-left-radius:2px;border-bottom-right-radius:2px}.leaflet-control-zoom-in,.leaflet-control-zoom-out{font:700 18px Lucida Console,Monaco,monospace;text-indent:1px}.leaflet-touch .leaflet-control-zoom-in,.leaflet-touch .leaflet-control-zoom-out{font-size:22px}.leaflet-control-layers{background:#fff;border-radius:5px;box-shadow:0 1px 5px rgba(0,0,0,.4)}.leaflet-control-layers-toggle{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAQAAAADQ4RFAAACf0lEQVR4AY1UM3gkARTePdvdoTxXKc+qTl3aU5U6b2Kbkz3Gtq3Zw6ziLGNPzrYx7946Tr6/ee/XeCQ4D3ykPtL5tHno4n0d/h3+xfuWHGLX81cn7r0iTNzjr7LrlxCqPtkbTQEHeqOrTy4Yyt3VCi/IOB0v7rVC7q45Q3Gr5K6jt+3Gl5nCoDD4MtO+j96Wu8atmhGqcNGHObuf8OM/x3AMx38+4Z2sPqzCxRFK2aF2e5Jol56XTLyggAMTL56XOMoS1W4pOyjUcGGQdZxU6qRh7B9Zp+PfpOFlqt0zyDZckPi1ttmIp03jX8gyJ8a/PG2yutpS/Vol7peZIbZcKBAEEheEIAgFbDkz5H6Zrkm2hVWGiXKiF4Ycw0RWKdtC16Q7qe3X4iOMxruonzegJzWaXFrU9utOSsLUmrc0YjeWYjCW4PDMADElpJSSQ0vQvA1Tm6/JlKnqFs1EGyZiFCqnRZTEJJJiKRYzVYzJck2Rm6P4iH+cmSY0YzimYa8l0EtTODFWhcMIMVqdsI2uiTvKmTisIDHJ3od5GILVhBCarCfVRmo4uTjkhrhzkiBV7SsaqS+TzrzM1qpGGUFt28pIySQHR6h7F6KSwGWm97ay+Z+ZqMcEjEWebE7wxCSQwpkhJqoZA5ivCdZDjJepuJ9IQjGGUmuXJdBFUygxVqVsxFsLMbDe8ZbDYVCGKxs+W080max1hFCarCfV+C1KATwcnvE9gRRuMP2prdbWGowm1KB1y+zwMMENkM755cJ2yPDtqhTI6ED1M/82yIDtC/4j4BijjeObflpO9I9MwXTCsSX8jWAFeHr05WoLTJ5G8IQVS/7vwR6ohirYM7f6HzYpogfS3R2OAAAAAElFTkSuQmCC);height:36px;width:36px}.leaflet-retina .leaflet-control-layers-toggle{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADQAAAA0CAQAAABvcdNgAAAEsklEQVR4AWL4TydIhpZK1kpWOlg0w3ZXP6D2soBtG42jeI6ZmQTHzAxiTbSJsYLjO9HhP+WOmcuhciVnmHVQcJnp7DFvScowZorad/+V/fVzMdMT2g9Cv9guXGv/7pYOrXh2U+RRR3dSd9JRx6bIFc/ekqHI29JC6pJ5ZEh1yWkhkbcFeSjxgx3L2m1cb1C7bceyxA+CNjT/Ifff+/kDk2u/w/33/IeCMOSaWZ4glosqT3DNnNZQ7Cs58/3Ce5HL78iZH/vKVIaYlqzfdLu8Vi7dnvUbEza5Idt36tquZFldl6N5Z/POLof0XLK61mZCmJSWjVF9tEjUluu74IUXvgttuVIHE7YxSkaYhJZam7yiM9Pv82JYfl9nptxZaxMJE4YSPty+vF0+Y2up9d3wwijfjZbabqm/3bZ9ecKHsiGmRflnn1MW4pjHf9oLufyn2z3y1D6n8g8TZhxyzipLNPnAUpsOiuWimg52psrTZYnOWYNDTMuWBWa0tJb4rgq1UvmutpaYEbZlwU3CLJm/ayYjHW5/h7xWLn9Hh1vepDkyf7dE7MtT5LR4e7yYpHrkhOUpEfssBLq2pPhAqoSWKUkk7EDqkmK6RrCEzqDjhNDWNE+XSMvkJRDWlZTmCW0l0PHQGRZY5t1L83kT0Y3l2SItk5JAWHl2dCOBm+fPu3fo5/3v61RMCO9Jx2EEYYhb0rmNQMX/vm7gqOEJLcXTGw3CAuRNeyaPWwjR8PRqKQ1PDA/dpv+on9Shox52WFnx0KY8onHayrJzm87i5h9xGw/tfkev0jGsQizqezUKjk12hBMKJ4kbCqGPVNXudyyrShovGw5CgxsRICxF6aRmSjlBnHRzg7Gx8fKqEubI2rahQYdR1YgDIRQO7JvQyD52hoIQx0mxa0ODtW2Iozn1le2iIRdzwWewedyZzewidueOGqlsn1MvcnQpuVwLGG3/IR1hIKxCjelIDZ8ldqWz25jWAsnldEnK0Zxro19TGVb2ffIZEsIO89EIEDvKMPrzmBOQcKQ+rroye6NgRRxqR4U8EAkz0CL6uSGOm6KQCdWjvjRiSP1BPalCRS5iQYiEIvxuBMJEWgzSoHADcVMuN7IuqqTeyUPq22qFimFtxDyBBJEwNyt6TM88blFHao/6tWWhuuOM4SAK4EI4QmFHA+SEyWlp4EQoJ13cYGzMu7yszEIBOm2rVmHUNqwAIQabISNMRstmdhNWcFLsSm+0tjJH1MdRxO5Nx0WDMhCtgD6OKgZeljJqJKc9po8juskR9XN0Y1lZ3mWjLR9JCO1jRDMd0fpYC2VnvjBSEFg7wBENc0R9HFlb0xvF1+TBEpF68d+DHR6IOWVv2BECtxo46hOFUBd/APU57WIoEwJhIi2CdpyZX0m93BZicktMj1AS9dClteUFAUNUIEygRZCtik5zSxI9MubTBH1GOiHsiLJ3OCoSZkILa9PxiN0EbvhsAo8tdAf9Seepd36lGWHmtNANTv5Jd0z4QYyeo/UEJqxKRpg5LZx6btLPsOaEmdMyxYdlc8LMaJnikDlhclqmPiQnTEpLUIZEwkRagjYkEibQErwhkTAKCLQEbUgkzJQWc/0PstHHcfEdQ+UAAAAASUVORK5CYII=);background-size:26px 26px}.leaflet-touch .leaflet-control-layers-toggle{height:44px;width:44px}.leaflet-control-layers .leaflet-control-layers-list,.leaflet-control-layers-expanded .leaflet-control-layers-toggle{display:none}.leaflet-control-layers-expanded .leaflet-control-layers-list{display:block;position:relative}.leaflet-control-layers-expanded{background:#fff;color:#333;padding:6px 10px 6px 6px}.leaflet-control-layers-scrollbar{overflow-x:hidden;overflow-y:scroll;padding-right:5px}.leaflet-control-layers-selector{margin-top:2px;position:relative;top:1px}.leaflet-control-layers label{display:block}.leaflet-control-layers-separator{border-top:1px solid #ddd;height:0;margin:5px -10px 5px -6px}.leaflet-default-icon-path{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAApCAYAAADAk4LOAAAFgUlEQVR4Aa1XA5BjWRTN2oW17d3YaZtr2962HUzbDNpjszW24mRt28p47v7zq/bXZtrp/lWnXr337j3nPCe85NcypgSFdugCpW5YoDAMRaIMqRi6aKq5E3YqDQO3qAwjVWrD8Ncq/RBpykd8oZUb/kaJutow8r1aP9II0WmLKLIsJyv1w/kqw9Ch2MYdB++12Onxee/QMwvf4/Dk/Lfp/i4nxTXtOoQ4pW5Aj7wpici1A9erdAN2OH64x8OSP9j3Ft3b7aWkTg/Fm91siTra0f9on5sQr9INejH6CUUUpavjFNq1B+Oadhxmnfa8RfEmN8VNAsQhPqF55xHkMzz3jSmChWU6f7/XZKNH+9+hBLOHYozuKQPxyMPUKkrX/K0uWnfFaJGS1QPRtZsOPtr3NsW0uyh6NNCOkU3Yz+bXbT3I8G3xE5EXLXtCXbbqwCO9zPQYPRTZ5vIDXD7U+w7rFDEoUUf7ibHIR4y6bLVPXrz8JVZEql13trxwue/uDivd3fkWRbS6/IA2bID4uk0UpF1N8qLlbBlXs4Ee7HLTfV1j54APvODnSfOWBqtKVvjgLKzF5YdEk5ewRkGlK0i33Eofffc7HT56jD7/6U+qH3Cx7SBLNntH5YIPvODnyfIXZYRVDPqgHtLs5ABHD3YzLuespb7t79FY34DjMwrVrcTuwlT55YMPvOBnRrJ4VXTdNnYug5ucHLBjEpt30701A3Ts+HEa73u6dT3FNWwflY86eMHPk+Yu+i6pzUpRrW7SNDg5JHR4KapmM5Wv2E8Tfcb1HoqqHMHU+uWDD7zg54mz5/2BSnizi9T1Dg4QQXLToGNCkb6tb1NU+QAlGr1++eADrzhn/u8Q2YZhQVlZ5+CAOtqfbhmaUCS1ezNFVm2imDbPmPng5wmz+gwh+oHDce0eUtQ6OGDIyR0uUhUsoO3vfDmmgOezH0mZN59x7MBi++WDL1g/eEiU3avlidO671bkLfwbw5XV2P8Pzo0ydy4t2/0eu33xYSOMOD8hTf4CrBtGMSoXfPLchX+J0ruSePw3LZeK0juPJbYzrhkH0io7B3k164hiGvawhOKMLkrQLyVpZg8rHFW7E2uHOL888IBPlNZ1FPzstSJM694fWr6RwpvcJK60+0HCILTBzZLFNdtAzJaohze60T8qBzyh5ZuOg5e7uwQppofEmf2++DYvmySqGBuKaicF1blQjhuHdvCIMvp8whTTfZzI7RldpwtSzL+F1+wkdZ2TBOW2gIF88PBTzD/gpeREAMEbxnJcaJHNHrpzji0gQCS6hdkEeYt9DF/2qPcEC8RM28Hwmr3sdNyht00byAut2k3gufWNtgtOEOFGUwcXWNDbdNbpgBGxEvKkOQsxivJx33iow0Vw5S6SVTrpVq11ysA2Rp7gTfPfktc6zhtXBBC+adRLshf6sG2RfHPZ5EAc4sVZ83yCN00Fk/4kggu40ZTvIEm5g24qtU4KjBrx/BTTH8ifVASAG7gKrnWxJDcU7x8X6Ecczhm3o6YicvsLXWfh3Ch1W0k8x0nXF+0fFxgt4phz8QvypiwCCFKMqXCnqXExjq10beH+UUA7+nG6mdG/Pu0f3LgFcGrl2s0kNNjpmoJ9o4B29CMO8dMT4Q5ox8uitF6fqsrJOr8qnwNbRzv6hSnG5wP+64C7h9lp30hKNtKdWjtdkbuPA19nJ7Tz3zR/ibgARbhb4AlhavcBebmTHcFl2fvYEnW0ox9xMxKBS8btJ+KiEbq9zA4RthQXDhPa0T9TEe69gWupwc6uBUphquXgf+/FrIjweHQS4/pduMe5ERUMHUd9xv8ZR98CxkS4F2n3EUrUZ10EYNw7BWm9x1GiPssi3GgiGRDKWRYZfXlON+dfNbM+GgIwYdwAAAAASUVORK5CYII=)}.leaflet-container .leaflet-control-attribution{background:#fff;background:hsla(0,0%,100%,.7);margin:0}.leaflet-control-attribution,.leaflet-control-scale-line{color:#333;padding:0 5px}.leaflet-control-attribution a{text-decoration:none}.leaflet-control-attribution a:hover{text-decoration:underline}.leaflet-container .leaflet-control-attribution,.leaflet-container .leaflet-control-scale{font-size:11px}.leaflet-left .leaflet-control-scale{margin-left:5px}.leaflet-bottom .leaflet-control-scale{margin-bottom:5px}.leaflet-control-scale-line{background:#fff;background:hsla(0,0%,100%,.5);border:2px solid #777;border-top:none;box-sizing:border-box;font-size:11px;line-height:1.1;overflow:hidden;padding:2px 5px 1px;white-space:nowrap}.leaflet-control-scale-line:not(:first-child){border-bottom:none;border-top:2px solid #777;margin-top:-2px}.leaflet-control-scale-line:not(:first-child):not(:last-child){border-bottom:2px solid #777}.leaflet-touch .leaflet-bar,.leaflet-touch .leaflet-control-attribution,.leaflet-touch .leaflet-control-layers{box-shadow:none}.leaflet-touch .leaflet-bar,.leaflet-touch .leaflet-control-layers{background-clip:padding-box;border:2px solid rgba(0,0,0,.2)}.leaflet-popup{margin-bottom:20px;position:absolute;text-align:center}.leaflet-popup-content-wrapper{border-radius:12px;padding:1px;text-align:left}.leaflet-popup-content{line-height:1.4;margin:13px 19px}.leaflet-popup-content p{margin:18px 0}.leaflet-popup-tip-container{height:20px;left:50%;margin-left:-20px;overflow:hidden;pointer-events:none;position:absolute;width:40px}.leaflet-popup-tip{height:17px;margin:-10px auto 0;padding:1px;-webkit-transform:rotate(45deg);transform:rotate(45deg);width:17px}.leaflet-popup-content-wrapper,.leaflet-popup-tip{background:#fff;box-shadow:0 3px 14px rgba(0,0,0,.4);color:#333}.leaflet-container a.leaflet-popup-close-button{background:transparent;border:none;color:#c3c3c3;font:16px/14px Tahoma,Verdana,sans-serif;font-weight:700;height:14px;padding:4px 4px 0 0;position:absolute;right:0;text-align:center;text-decoration:none;top:0;width:18px}.leaflet-container a.leaflet-popup-close-button:hover{color:#999}.leaflet-popup-scrolled{border-bottom:1px solid #ddd;border-top:1px solid #ddd;overflow:auto}.leaflet-oldie .leaflet-popup-content-wrapper{-ms-zoom:1}.leaflet-oldie .leaflet-popup-tip{-ms-filter:"progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)";filter:progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678,M12=0.70710678,M21=-0.70710678,M22=0.70710678);margin:0 auto;width:24px}.leaflet-oldie .leaflet-popup-tip-container{margin-top:-1px}.leaflet-oldie .leaflet-control-layers,.leaflet-oldie .leaflet-control-zoom,.leaflet-oldie .leaflet-popup-content-wrapper,.leaflet-oldie .leaflet-popup-tip{border:1px solid #999}.leaflet-div-icon{background:#fff;border:1px solid #666}.leaflet-tooltip{background-color:#fff;border:1px solid #fff;border-radius:3px;box-shadow:0 1px 3px rgba(0,0,0,.4);color:#222;padding:6px;pointer-events:none;position:absolute;-webkit-user-select:none;user-select:none;white-space:nowrap}.leaflet-tooltip.leaflet-clickable{cursor:pointer;pointer-events:auto}.leaflet-tooltip-bottom:before,.leaflet-tooltip-left:before,.leaflet-tooltip-right:before,.leaflet-tooltip-top:before{background:transparent;border:6px solid transparent;content:"";pointer-events:none;position:absolute}.leaflet-tooltip-bottom{margin-top:6px}.leaflet-tooltip-top{margin-top:-6px}.leaflet-tooltip-bottom:before,.leaflet-tooltip-top:before{left:50%;margin-left:-6px}.leaflet-tooltip-top:before{border-top-color:#fff;bottom:0;margin-bottom:-12px}.leaflet-tooltip-bottom:before{border-bottom-color:#fff;margin-left:-6px;margin-top:-12px;top:0}.leaflet-tooltip-left{margin-left:-6px}.leaflet-tooltip-right{margin-left:6px}.leaflet-tooltip-left:before,.leaflet-tooltip-right:before{margin-top:-6px;top:50%}.leaflet-tooltip-left:before{border-left-color:#fff;margin-right:-12px;right:0}.leaflet-tooltip-right:before{border-right-color:#fff;left:0;margin-left:-12px}footer{display:flex;flex-direction:column;gap:2rem;padding:5rem 2rem}.footer-article-one{display:flex;flex-direction:row;justify-content:space-between}.footer-menus{display:flex;flex-direction:column;gap:1rem}.footer-logo{max-width:100%;width:13rem}.footer-menu,.socials-menu{align-items:center;display:flex;flex-direction:row;gap:1rem}.footer-menu li a{color:var(--primary-black)}.socials-menu img{width:1.5rem}.footer-form{display:flex;flex-direction:column;gap:2rem;position:relative}.footer-input-error,.footer-input-success{position:absolute;top:70%}.footer-input-error{color:red}.footer-input-success{color:#12a012}.footer-form label{font-weight:800;letter-spacing:1px}.footer-form span{font-size:.8rem}.footer-form span a{color:var(--primary-black)}.form-input{display:flex;flex-direction:row;gap:1rem}.form-input input{border-radius:5px;cursor:pointer;padding:.5rem 1rem}.form-input button{background-color:initial;color:var(--primary-font)}.form-input input{border:1px solid var(--primary-black);outline-color:var(--primary-font)}.footer-article-two{display:flex;flex-direction:row;justify-content:space-between}.footer-article-two ul{align-items:center;display:flex;flex-direction:row;gap:2rem}.footer-article-two ul li a{color:var(--primary-black)}

/* ! Transitions */.footer-article-two ul li a,.footer-form span a,.footer-menu li a,.form-input button{transition:var(--hover-transition)}@media (hover:hover){.footer-article-two ul li a:hover,.footer-form span a :hover,.footer-menu li a:hover,.form-input button :hover{transition:var(--hover-transition)}.footer-article-two ul li a:hover,.footer-form span a:hover,.footer-menu li a:hover{color:var(--primary-font)}.form-input button:hover{background-color:var(--primary-font);color:var(--primary-bg)}}@media screen and (max-width:770px){.footer-article-one,.footer-article-two{align-items:flex-start;flex-direction:column;gap:5rem}.footer-article-two{gap:2rem}}.modal__box,.modal__content{max-width:400px}.modal__content .submit-btn{border:1px solid var(--primary-font);border-radius:5px;cursor:pointer;margin:10px 0;padding:.5rem 1rem}.signup-btn{background-color:inherit;border:none;color:var(--primary-black)}.signin-forgotpass{display:flex;flex-direction:column;gap:2rem;text-align:center}.forgot-pass-link{background-color:inherit;border:none;color:var(--primary-black);cursor:pointer}

/* ! Hover Effects */.forgot-pass-link,.modal__close,.signup-btn{transition:var(--hover-transition)}@media (hover:hover){.forgot-pass-link:hover,.modal__close:hover,.signup-btn:hover{transition:var(--hover-transition)}.modal__close:hover{font-weight:800}.forgot-pass-link:hover{color:var(--primary-font)}.signup-btn:hover{background-color:var(--primary-font);color:var(--primary-bg)}}.modal{align-items:center;display:flex;justify-content:center;position:fixed;z-index:3}.modal,.modal__overlay{height:100%;left:0;top:0;width:100%}.modal__overlay{background-color:rgba(0,0,0,.3);position:absolute}.modal__box{background-color:var(--primary-bg);border-radius:10px;box-sizing:border-box;display:flex;flex-direction:column;margin:0 10%;max-width:500px;padding:50px;position:relative;width:400px}.modal__title{font-size:30px;font-weight:700;text-align:center}.modal__sub_title{margin:10px;text-align:center}.modal__content{font-size:16px;margin:10px auto;padding:20px 12px 10px 20px;width:90%}.modal__content label{display:block;margin:0 0 3px}.modal__content input{width:100%}.modal__content .submit-btn{background-color:var(--primary-font);color:var(--primary-bg);width:100%}.modal__close button{background-color:initial;border:none;cursor:pointer;font-size:1.5rem;opacity:.8;position:absolute;right:5%;top:3%}.login-btn{background-color:inherit;border:none;color:var(--primary-black);display:inline-block}.error-msg{color:red;font-size:14px}.have-account{display:flex;flex-direction:column;gap:1rem;text-align:center}
/* ! Hover Effects */.login-btn,.modal__close,.modal__content .submit-btn{transition:var(--hover-transition)}@media (hover:hover){.modal__close:hover{font-weight:800}.login-btn :hover,.modal__close:hover,.modal__content .submit-btn:hover{transition:var(--hover-transition)}.login-btn:hover{background-color:var(--primary-font);color:var(--primary-bg)}.modal__content .submit-btn:hover{background-color:var(--primary-bg);color:var(--primary-font)}}@media screen and (min-width:800px){.modal__box{margin:0 30px;max-width:600px}}.logo{height:auto;margin:10px;max-width:180px;width:100%}.sidebar{background-color:var(--primary-bg);box-shadow:0 0 5px -3px #000;height:100%;left:0;padding:10px 14px;position:fixed;top:0;width:250px}.sidebar-items{align-items:center;cursor:pointer;display:flex;flex-direction:column;height:calc(100% - 90px);justify-content:space-between;margin-top:30px}.sidebar-items li{align-items:center;border-radius:10px;display:flex;height:50px;list-style:none;margin-top:10px}.sidebar-items li a{align-items:center;display:flex;flex-direction:row;padding:16px}.sidebar-items li .icon{color:var(--primary-font);display:inline;margin-right:10px}.sidebar-items .item-name{color:var(--primary-black);font-size:18px}.sidebar li.active{background-color:var(--secondary-bg)}.logout-button{align-items:center;background:none;border:none;color:inherit;cursor:pointer;display:flex;flex-direction:row;outline:inherit;padding:0}
/* ! Hover Effects */.sidebar li{transition:var(--hover-transition)}@media (hover:hover){.sidebar li:hover{background-color:var(--secondary-bg);transition:var(--hover-transition)}}@media (max-width:700px){.sidebar{height:100%;left:-250px;transition:.2s linear;z-index:1000}.sidebar.is-active{left:0;position:fixed}}.profile{gap:2rem;padding:2rem;width:60%}.profile,.profile ul{display:flex;flex-direction:column}.profile ul{gap:1rem}.profile ul li{display:grid;grid-template-columns:1fr 1fr}.profile-buttons{display:flex;flex-direction:row;gap:2rem;justify-content:center;padding-top:50px}.profile-buttons button{background-color:var(--primary-font);color:var(--primary-bg);width:-webkit-max-content;width:max-content}.profile-buttons .deactivate-btn{background-color:#e24949;border:1px solid #e24949}.input-err{color:red;font-size:13px}.profile select{border:none;border-radius:5px;cursor:pointer}.profile input,.profile select{background-color:var(--primary-input-bg);padding:.4rem .5rem}.profile input{border:1px solid var(--primary-input-bg);border-radius:5px;color:inherit;display:inline-block;line-height:inherit;vertical-align:inherit}.profile p{padding:.4rem .5rem}input[disabled]{background-color:inherit;border:0}.success-msg{background-color:#8ce4bf;border-radius:5px;color:green;padding:8px;width:100%}

/* ! Hover */.profile-buttons button{transition:var(--hover-transition)}@media (hover:hover){.profile-buttons button:hover{background-color:var(--secondary-bg);color:var(--primary-font);transition:var(--hover-transition)}.profile-buttons .deactivate-btn:hover{color:#e24949}}@media screen and (max-width:1200px){.profile{width:80%}}@media screen and (max-width:970px){.profile{padding:1rem;width:95%}}@media screen and (max-width:500px){.profile{padding:1rem;width:100%}.profile ul{gap:3rem}.profile ul li{gap:1rem;grid-template-columns:auto}}.expenses-dashboard{display:flex;flex-direction:column;gap:5rem;padding-bottom:3rem;padding-top:3rem;position:relative}.expenses-dashboard article{padding:2rem}.expenses-action-btns{display:flex;flex-direction:row;gap:2rem}.no-records-found{font-size:1.5rem;padding:2rem}.tables{display:flex;flex-direction:column;gap:3rem}.expenses-action-btns button{background-color:var(--secondary-bg);color:var(--primary-font)}.expenses-grid{display:flex;flex-direction:column;gap:4rem}.expenses-tabs{display:flex;flex-direction:row;justify-content:space-around}.expenses-tabs button{background-color:initial;border:none;cursor:pointer;font-size:2rem;font-weight:300;position:relative}.active-tab:after{background-color:var(--primary-font);content:"";display:inline-block;height:2px;left:-50%;position:absolute;top:150%;width:200%}.expense-amount{color:red}.income-amount{color:green}

/* ! Expenses Table  */table.greyGridTable{border-collapse:collapse;text-align:left;width:100%}table.greyGridTable span{align-items:center;display:flex;flex-direction:row;gap:1rem}table.greyGridTable span img{width:4rem}table.greyGridTable td:last-child{cursor:pointer;font-size:2rem;font-weight:800}table.greyGridTable td,table.greyGridTable th{border-bottom:1px solid #000;padding:1rem}table.greyGridTable thead th{font-size:1.2rem;font-weight:700;padding-bottom:2rem;text-align:left}

/* ! Expenses Pagination */.pagination{align-items:center;display:flex;flex-direction:row;font-size:1rem;font-weight:600;justify-content:space-between}.pagination li{cursor:pointer}.pagination li.selected{color:var(--primary-font)}

/* ! Add Expense Modal */.add-expense-modal:after{content:"";display:block;height:100%;width:100%}.add-expense-modal{background-color:rgba(0,0,0,.3);height:100%;justify-content:center;margin-left:-15px;top:0;width:100%;z-index:1000}.add-expense-modal,.add-expense-popup{align-items:center;display:flex;position:fixed}.add-expense-popup{background-color:var(--primary-bg);border-radius:10px;flex-direction:column;gap:2rem;height:-webkit-max-content;height:max-content;margin-left:-250px;max-height:100%;max-width:100%;overflow:auto;padding:40px;width:600px}.add-expense-popup::-webkit-scrollbar{background:transparent;width:0}.add-expense-popup h2{font-weight:400}.add-existing-popup form,.add-expense-popup form{display:flex;flex-direction:column;gap:2rem;height:-webkit-max-content;height:max-content;justify-content:space-between;width:80%}.add-existing-popup input,.add-existing-popup textarea,.add-expense-popup input,.add-expense-popup textarea{background-color:var(--secondary-bg);border:1px solid var(--secondary-bg);border-radius:5px;padding:.4rem .5rem;width:80%}.add-expense-popup input::-webkit-input-placeholder,.add-expense-popup textarea::-webkit-input-placeholder{color:var(--primary-black);font-family:var(--manrope-font)}.add-expense-popup input::placeholder,.add-expense-popup textarea::placeholder{color:var(--primary-black);font-family:var(--manrope-font)}.add-existing-popup form select,.add-expense-popup form select{-webkit-appearance:none;appearance:none;background-color:var(--secondary-bg);border:none;border-radius:5px;cursor:pointer;padding:.4rem .5rem;width:80%}.add-expense-popup form select::-ms-expand{display:none}.add-expense-popup form button{background-color:var(--primary-bg);color:var(--primary-font);width:80%}

/* ! Add Income Modal */.add-income-modal:after{content:"";display:block;height:100%;width:100%}.add-income-modal{background-color:rgba(0,0,0,.3);height:100%;justify-content:center;margin-left:-15px;top:0;width:100%;z-index:1000}.add-income-modal,.add-income-popup{align-items:center;display:flex;position:fixed}.add-income-popup{background-color:var(--primary-bg);border-radius:10px;flex-direction:column;gap:2rem;height:-webkit-max-content;height:max-content;margin-left:-250px;max-height:100%;max-width:100%;overflow:auto;padding:40px;width:600px}.add-income-popup::-webkit-scrollbar{background:transparent;width:0}.add-income-popup h2{font-weight:400}.add-income-popup form{display:flex;flex-direction:column;gap:2rem;height:-webkit-max-content;height:max-content;justify-content:space-between;width:80%}.add-income-popup input,.add-income-popup textarea{background-color:var(--secondary-bg);border:1px solid var(--secondary-bg);border-radius:5px;padding:.4rem .5rem;width:80%}.add-income-popup input::-webkit-input-placeholder,.add-income-popup textarea::-webkit-input-placeholder{color:var(--primary-black);font-family:ar(--manrope-font)}.add-income-popup input::placeholder,.add-income-popup textarea::placeholder{color:var(--primary-black);font-family:ar(--manrope-font)}.add-income-popup form select{-webkit-appearance:none;appearance:none;background-color:var(--secondary-bg);border:none;border-radius:5px;cursor:pointer;padding:.4rem .5rem;width:80%}.add-income-popup form select::-ms-expand{display:none}.add-income-popup form button{background-color:var(--primary-bg);color:var(--primary-font);width:80%}

/* ! Add Income Modal */.add-existing-modal:after{content:"";display:block;height:100%;width:100%}.add-existing-modal{align-items:center;background-color:rgba(0,0,0,.3);display:flex;height:100%;justify-content:center;margin-left:-15px;position:fixed;top:0;width:100%;z-index:1000}.add-existing-popup{background-color:var(--primary-bg);border-radius:10px;display:flex;flex-direction:column;gap:2rem;height:-webkit-max-content;height:max-content;margin-left:-250px;max-height:100%;max-width:100%;overflow:auto;padding:40px;position:fixed;width:30rem}.add-existing-popup::-webkit-scrollbar{background:transparent;width:0}.add-existing-popup h2{font-weight:400}.recording-data{display:flex;flex-direction:column;font-size:1rem;font-weight:600;gap:2rem;word-spacing:2px}.recording-data span{font-weight:300}.existing-record-buttons{display:flex;flex-direction:row;gap:1rem}.existing-record-buttons button{background-color:var(--primary-bg);border:1px solid var(--primary-font);border-radius:5px;color:var(--primary-font);cursor:pointer;padding:.3rem 1rem;width:-webkit-max-content;width:max-content}

/* ! Transitions */.add-expense-popup form button,.add-income-popup form button,.existing-record-buttons button,.expenses-action-btns button,.pagination .next,.pagination .previous,.pagination li{transition:var(--hover-transition)}@media (hover:hover){.add-expense-popup form button:hover,.add-income-popup form button:hover,.existing-record-buttons button:hover,.expenses-action-btns button:hover,.pagination .next:hover,.pagination .previous:hover,.pagination li:hover{transition:var(--hover-transition)}.expenses-action-btns button:hover{background-color:var(--primary-font);color:var(--secondary-bg)}.existing-record-buttons button:hover{background-color:var(--primary-font);color:var(--primary-bg)}.pagination .next:hover,.pagination .previous:hover,.pagination li:hover{color:var(--primary-font)}.add-expense-popup form button:hover,.add-income-popup form button:hover{background-color:var(--primary-font);color:var(--secondary-bg)}}@media screen and (max-width:1200px){.expenses-dashboard article{padding:0}}@media screen and (max-width:970px){.greyGridTable{border:0}.greyGridTable caption{font-size:1.3em}.greyGridTable thead{clip:rect(0 0 0 0);border:none;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.greyGridTable tr{border-bottom:3px solid #ddd;display:block;margin-bottom:.625em}.greyGridTable td{border-bottom:1px solid #ddd;display:block;font-size:.8em;text-align:right}table.greyGridTable td:first-child{align-items:center;display:flex;flex-direction:row;justify-content:space-between}table.greyGridTable td span{align-items:center;display:flex;flex-direction:row;gap:1rem}table.greyGridTable td:last-child{font-size:.8em}.greyGridTable td:before{content:attr(data-label);float:left;font-weight:700;text-transform:uppercase}.add-expense-popup,.add-income-popup{width:400px}.add-expense-popup form,.add-income-popup form{width:90%}}@media screen and (max-width:700px){.add-existing-popup,.add-expense-popup,.add-income-popup{margin-left:0}.expenses-action-btns{justify-content:space-between}.expenses-action-btns button{width:100%}.add-expense-popup,.add-income-popup{width:500px}.add-expense-popup form,.add-income-popup form{width:80%}}@media screen and (max-width:500px){.active-tab:after{left:0;width:100%}.add-expense-popup,.add-income-popup{width:380px}.add-expense-popup form,.add-income-popup form{width:90%}}.header{font-size:20px;margin:25px}.budget input{background-color:var(--secondary-bg);border:1px solid var(--secondary-bg);border-radius:5px;margin:4px 0;padding:.4rem .5rem;width:200px}.budget-sections{grid-gap:10px;display:grid;grid-auto-rows:auto;grid-template-columns:auto;margin:10px}.sub-sections{grid-gap:10px;display:grid;grid-template-columns:1fr 1fr 1fr;margin:20px}.budget .card{background-color:#fff;border-radius:10px;box-shadow:0 0 5px -3px #000;margin:10px;padding:20px}.budget-title{font-size:25px;margin:10px 0}.totals h3{padding:10px}@media (max-width:970px){.sections,.sub-sections{grid-template-columns:auto}.sub-sections{gap:4rem}}.accounts-dashboard{display:flex;flex-direction:column;gap:5rem;position:relative}.acc-header{font-size:25px}.close-modal{background-color:initial;border:none;cursor:pointer;font-size:1.5rem;opacity:.8;position:absolute;right:5%;top:3%}.accounts-and-cards{display:flex;flex-direction:column;gap:4rem;padding:3rem}.accounts{-webkit-column-gap:2rem;column-gap:2rem;display:flex;flex-direction:row;flex-wrap:wrap;row-gap:4rem}

/* ! Categories */.accounts-categories{display:flex;flex-direction:column;gap:8rem;padding:3rem}.empty-category{align-items:center;background-color:var(--primary-bg);border-radius:50%;border-style:dashed;box-shadow:0 0 5px -3px #000;cursor:pointer;display:flex;flex-direction:column;height:4.5rem;justify-content:center;width:4.5rem}.empty-category img{width:1.5rem}.categories-card{align-items:center;background-color:var(--primary-bg);border-radius:50%;box-shadow:0 0 5px -3px #000;cursor:pointer;display:flex;flex-direction:column;gap:1rem;height:4.5rem;justify-content:center;width:4.5rem}.categories-card img{object-fit:cover;width:100%}.categories{-webkit-column-gap:4rem;column-gap:4rem;display:flex;flex-direction:row;flex-wrap:wrap;row-gap:8rem}

/* ! Add Card Modal */.add-card-modal:after{content:"";display:block;height:100%;width:100%}.add-card-modal{align-items:center;background-color:rgba(0,0,0,.3);display:flex;height:100%;justify-content:center;margin-left:-15px;position:fixed;top:0;width:100%;z-index:1000}.add-card-popup,.add-category-popup,.view-category-popup{align-items:center;background-color:var(--primary-bg);border-radius:10px;display:flex;flex-direction:column;gap:2rem;height:-webkit-max-content;height:max-content;margin-left:-250px;max-height:100%;max-width:100%;overflow:auto;padding:40px;position:fixed;width:35rem}.add-card-popup::-webkit-scrollbar,.add-category-popup::-webkit-scrollbar,.view-category-popup:-webkit-scrollbar{background:transparent;width:0}.add-card-popup h2,.add-category-popup h2,.view-category-popup h2{font-weight:400}.add-card-popup form,.add-category-popup form{gap:2rem;height:-webkit-max-content;height:max-content;width:80%}.add-card-popup form,.add-category-popup form,.form-inner{display:flex;flex-direction:column;justify-content:space-between}.form-inner{background-color:var(--secondary-bg);border-radius:15px;gap:1.5rem;padding:2rem 1rem}.form-inner>input{background-color:var(--primary-input-bg);border:1px solid var(--primary-input-bg);border-radius:5px;padding:.4rem .5rem;width:70%}.form-inner input::-webkit-input-placeholder{color:var(--primary-black);font-family:ar(--manrope-font)}.form-inner input::placeholder{color:var(--primary-black);font-family:ar(--manrope-font)}.form-inner .card-cover{display:flex;flex-direction:row;gap:1rem}.add-card-amount{border:1px solid var(--primary-input-bg);border-radius:5px;width:-webkit-max-content;width:max-content}.add-card-amount,.add-card-popup form>section select{background-color:var(--primary-input-bg);padding:.4rem .5rem}.add-card-popup form>section select{-webkit-appearance:none;appearance:none;border:none;border-radius:5px;cursor:pointer}.add-card-popup form>section select::-ms-expand{display:none}.add-card-popup form button,.add-category-popup form button,.view-category-buttons button{background-color:var(--primary-bg);color:var(--primary-font);width:50%}

/* ! Colors */.add-card-colors{align-items:center;display:flex;flex-direction:row}.add-card-color{display:inline-block;font-size:0;margin:10px}.sb-checkbox__input{display:none}.sb-checkbox__input:checked+.sb-checkbox__label:after{opacity:1}.sb-checkbox__label{cursor:pointer;display:inline-block;height:16px;position:relative;width:16px}.sb-checkbox__label:before{border:2px solid;border-radius:50%;box-sizing:border-box;content:"";display:inline-block;height:20px;left:0;position:absolute;top:0;width:20px}.sb-checkbox__label:after{border-radius:50%;color:#fff;content:"✔️";display:block;font-size:13px;height:20px;opacity:0;overflow:hidden;text-align:center;transition:opacity .2s;width:20px}.sb-checkbox__label--blue:before{border-color:#7aa0da}.sb-checkbox__label--blue:after{background-color:#7aa0da}.sb-checkbox__label--purple:before{border-color:#b796d9}.sb-checkbox__label--purple:after{background-color:#b796d9}.sb-checkbox__label--lightpink:before{border-color:#e36cbb}.sb-checkbox__label--lightpink:after{background-color:#e36cbb}.sb-checkbox__label--pink:before{border-color:#dc5d8b}.sb-checkbox__label--pink:after{background-color:#dc5d8b}.sb-checkbox__label--red:before{border-color:#fa4242}.sb-checkbox__label--red:after{background-color:#fa4242}.sb-checkbox__label--orange:before{border-color:#fe9256}.sb-checkbox__label--orange:after{background-color:#fe9256}.sb-checkbox__label--yellow:before{border-color:#fae98f}.sb-checkbox__label--yellow:after{background-color:#fae98f}.sb-checkbox__label--green:before{border-color:#75e762}.sb-checkbox__label--green:after{background-color:#75e762}

/* ! Add Category */.add-category-modal:after{content:"";display:block;height:100%;width:100%}.add-category-modal{align-items:center;background-color:rgba(0,0,0,.3);display:flex;height:100%;justify-content:center;margin-left:-15px;position:fixed;top:0;width:100%;z-index:1000}.add-category-popup input,.add-category-popup textarea{background-color:var(--secondary-bg);border:1px solid var(--secondary-bg);border-radius:5px;padding:.4rem .5rem;width:80%}.add-category-popup input::-webkit-input-placeholder,.add-category-popup textarea::-webkit-input-placeholder{color:var(--primary-black);font-family:var(--manrope-font)}.add-category-popup input::placeholder,.add-category-popup textarea::placeholder{color:var(--primary-black);font-family:var(--manrope-font)}

/* ! View Category */.view-category-modal:after{content:"";display:block;height:100%;width:100%}.view-category-popup:-webkit-scrollbar{background:transparent;width:0}.view-category-buttons{display:flex;flex-direction:row;gap:1rem}

/* ! Bank Cards */.empty-card{align-items:center;-webkit-backface-visibility:hidden;backface-visibility:hidden;background-image:linear-gradient(90deg,#111,#555);border-radius:15px;box-shadow:0 1px 10px 1px rgba(0,0,0,.3);color:#fff;cursor:pointer;display:flex;flex-direction:column;height:inherit;justify-content:center;overflow:hidden;position:absolute;text-shadow:0 1px 1px rgba(0,0,0,.3);width:inherit}.empty-card img{width:65px}.bank-account-card{background-color:#fff;border-radius:10px;display:flex;flex-direction:column;height:240px;padding:1rem;position:relative;width:350px}.front{-webkit-backface-visibility:hidden;backface-visibility:hidden;background-image:linear-gradient(90deg,#111,#555);border-radius:15px;box-shadow:0 1px 10px 1px rgba(0,0,0,.3);color:#fff;overflow:hidden;text-shadow:0 1px 1px rgba(0,0,0,.3);-webkit-transform:translateZ(0);transform:translateZ(0);width:inherit}.front,.strip-bottom,.strip-top{height:inherit;position:absolute}.strip-bottom,.strip-top{box-shadow:0 0 10px 0 rgba(0,0,0,.5);right:0}.strip-bottom{-webkit-transform:skewX(-15deg) translateX(50px);transform:skewX(-15deg) translateX(50px);width:200px}.strip-top{-webkit-transform:skewX(20deg) translateX(50px);transform:skewX(20deg) translateX(50px);width:180px}.add-card-logo{cursor:pointer;position:absolute;right:25px;top:10px;width:2rem}.investor{text-transform:uppercase;top:30px}.chip,.investor{left:25px;position:relative}.chip{align-items:center;background-image:linear-gradient(to bottom left,#ffecc7,#d0b978);border-radius:5px;display:flex;height:40px;justify-content:center;overflow:hidden;top:60px;width:50px}.chip .chip-line{background-color:#333;height:1px;position:absolute;width:100%}.chip .chip-line:first-child{top:13px}.chip .chip-line:nth-child(2){top:20px}.chip .chip-line:nth-child(3){top:28px}.chip .chip-line:nth-child(4){height:50px;left:25px;width:1px}.chip .chip-main{background-image:linear-gradient(to bottom left,#efdbab,#e1cb94);border:1px solid #333;border-radius:3px;height:25px;width:20px;z-index:1}.wave{left:100px;position:relative;top:20px}.card-number{align-items:center;display:flex;font-size:23px;justify-content:space-between;margin:50px 25px 15px;position:relative}.card-number section{letter-spacing:2.5rem;position:relative}.end{margin-left:25px}.card-holder,.end{text-transform:uppercase}.card-holder{margin:10px 25px}.master{bottom:20px;display:flex;position:absolute;right:20px}.master .circle{border-radius:50%;height:25px;width:25px}.master .master-red{background-color:#eb001b}.master .master-yellow{background-color:rgba(255,209,0,.6);margin-left:-10px}.add-card-logo{background:none;border:none;color:#fff;outline:none}

/* ! Hover Effects */.add-card-popup form button,.add-category-popup form button,.bank-account-card,.categories-card,.close-modal,.view-category-buttons button{transition:var(--hover-transition)}@media (hover:hover){.add-card-popup form button:hover,.add-category-popup form button:hover,.bank-account-card:hover,.categories-card:hover,.close-modal:hover,.view-category-buttons button:hover{transition:var(--hover-transition)}.bank-account-card:hover,.categories-card:hover{box-shadow:-2px 10px 24px -11px rgba(0,0,0,.62);-webkit-box-shadow:-2px 10px 24px -11px rgba(0,0,0,.62);-moz-box-shadow:-2px 10px 24px -11px rgba(0,0,0,.62)}.add-card-popup form button:hover,.add-category-popup form button:hover,.view-category-buttons button:hover{background-color:var(--primary-font);color:var(--primary-bg)}.close-modal:hover{font-weight:800}}@media screen and (max-width:970px){.add-card-popup,.add-category-popup,.view-category-popup{width:400px}.add-card-popup form,.add-category-popup form,.view-category-popup form{width:90%}.add-card-colors{flex-wrap:wrap}.categories{justify-content:space-between}}@media screen and (max-width:700px){.add-card-popup,.add-category-popup,.view-category-popup{margin-left:0}.add-card-color{margin:5px}.accounts,.accounts-and-cards{align-items:center;justify-content:center}.accounts-categories{text-align:center}.add-card-popup,.add-category-popup,.view-category-popup{width:500px}.add-card-popup form,.add-category-popup form,.view-category-popup form{width:80%}}@media screen and (max-width:500px){.add-card-popup,.add-category-popup,.view-category-popup{width:380px}.add-card-popup form,.add-category-popup form,.view-category-popup form{width:90%}.form-inner{width:-webkit-max-content;width:max-content}}.mainDashboard{display:flex;flex-direction:column;position:relative}.mainDashboard .header{font-size:20px;margin:25px}.sections{grid-gap:10px;display:grid;grid-auto-rows:auto;grid-template-columns:1fr 1fr;margin:10px}.buttons{grid-gap:10px;display:grid;grid-template-columns:1fr 1fr;margin:20px}.card{background-color:#fff;border-radius:10px;box-shadow:0 0 5px -3px #000}.card-content{font-size:20px;margin:10px}.card-year{position:absolute;right:10px}.budget-status .bar-title{font-size:18px;font-weight:700}.budget-status .amount{position:absolute;right:20%}.budget-status a{color:var(--primary-font)}.months-stat{display:flex}.micro-charts{grid-gap:10px;display:grid;grid-template-columns:1fr 1fr 1fr;width:100%}.micro-charts h3{color:#000;margin:10px 0}.current-month{border:2px solid var(--primary-font);border-radius:10px;padding:0 10px}.red{border-color:#e24949;color:#e24949}.green{border-color:#11bb8d;color:#11bb8d}.yellow{border-color:#ffc043;color:#ffc043}

/* ! Hover Effects */.buttons button{transition:var(--hover-transition)}@media (hover:hover){.buttons button:hover{background-color:var(--primary-font);color:var(--secondary-bg);transition:var(--hover-transition)}}@media screen and (max-width:1200px){.sections{grid-template-columns:1fr}}.progress{background-color:#d8d8d8;border-radius:20px;height:12px;margin:10px 0;position:relative;width:80%}.progress-done{align-items:center;background:var(--primary-font) 0 0 no-repeat padding-box;border-radius:6px;color:#fff;display:flex;height:100%;justify-content:center;opacity:1;opacity:0;transition:1s ease .3s;width:0}.dashboard{background-color:var(--secondary-bg);min-height:100vh}.content{margin-left:250px;padding:1px 16px}.modal-input-err{color:red}@media screen and (max-width:700px){div.content{margin-left:0}}
/*# sourceMappingURL=main.8d22b8d7.css.map*/