*{box-sizing:border-box;font-family:Reem Kufi,sans-serif!important;margin:0;padding:0}img{height:auto;max-width:100%}.App{margin:0 auto;max-width:1900px;min-height:100vh;width:85vw}body{background-color:#f6f6f6;max-width:100%;overflow-x:hidden}nav{align-items:center;display:flex;justify-content:space-between;min-height:90px}.navbar-menu-container{display:none}.navbar-links-container a{color:#000;font-size:1.5rem;font-weight:600;margin-right:3rem;text-decoration:none}.primary-button{background-color:#fff;border:none;border-radius:5rem;cursor:pointer;font-size:1.3rem;font-weight:600;outline:none;padding:.9rem 1.75rem;transition:.2s}.navbar-cart-icon{font-size:1.15rem}.primary-button:hover{background-color:#eaeaea}.navbar-menu-container svg{cursor:pointer;font-size:1rem}.nav-logo-container{height:200px;margin-top:20px;width:200px}.home-banner-container{display:flex;padding-top:1.4rem;position:relative}.home-bannerImage-container{max-width:700px;position:absolute;right:-170px;top:-220px;z-index:-2}.home-image-container{height:700px;width:500px}.home-image-section{flex:1 1;max-width:600px}.home-text-section{align-items:flex-start;display:flex;flex:1 1;flex-direction:column;height:100px;margin-top:4rem}.home-text-section .about-background-image-container{margin-left:-200px;margin-top:4rem}.login .about-background-image-container,.signup .about-background-image-container{margin-left:-6rem;margin-top:-10rem}.work-section-wrapper .about-background-image-container{margin-left:-70px;margin-top:4rem}.link-styles .secondary-button{margin-left:9rem}.welcome-text{font-size:2rem;margin-top:-9rem}.welcome-text,.welcome-text p{align-items:center;justify-content:space-around}.welcome-text p{font-size:1.5rem;margin-left:7rem}.about-section-container .home-bannerImage-container{margin-right:-200px;top:-400px}.signup{border-radius:5px;margin-left:13rem;margin-top:7rem;max-width:500px;padding:20px}.login h2,.signup h2{margin-bottom:20px}.link-styles{text-decoration:none}.login div,.signup div{margin-bottom:15px}.login label,.signup label{display:block;margin-bottom:5px}.login input,.signup input{box-sizing:border-box;padding:8px;width:400px}.login button,.signup button{background-color:#fe9e0d;border:none;border-radius:5px;color:#fff;cursor:pointer;margin-left:100px;padding:10px 15px}.login button:hover,.signup button:hover{background-color:#fe9e0d}.navbar-links-container{padding-bottom:70px}.navbar-links-container .primary-button{color:#000}.home-text-section .primary-heading{font-size:60px}.primary-heading{color:#4c4c4c;font-size:45px;max-width:600px}.primary-text{color:#6a6a6a;font-size:clamp(1rem,3vw,1.5rem);margin:1.5rem 0 1.5rem 30px;max-width:500px}.secondary-button{align-items:center;background-color:#fe9e0d;border:none;border-radius:5rem;color:#fff;cursor:pointer;display:flex;font-size:1.1rem;font-weight:600;justify-content:center;outline:none;padding:1rem 2.5rem;transition:.2s}.secondary-button svg{font-size:1.5rem;margin-left:.75rem}.secondary-button:hover{background-color:#e48f0f}.about-section-container{align-items:center;display:flex;justify-content:space-between;margin-top:8rem}.about-background-image-container{left:-150px;position:absolute;z-index:-2}.about-section-image-container{flex:0.9 1;margin-right:1rem}.about-section-text-container{display:flex;flex:1 1;flex-direction:column;justify-content:center}.primary-subheading{color:#fe9e0d;font-size:2rem;font-weight:700}.about-buttons-container{margin-top:2rem}.footer-wrapper{display:flex;margin:10rem 0 6rem}.footer-logo-container{max-width:110px}.footer-icons{margin-top:2.5rem}.footer-icons svg{color:#585858;font-size:1.5rem;margin-right:1.25rem}.footer-section-two{display:flex;flex:1 1;justify-content:flex-end}.footer-section-columns{display:flex;flex-direction:column;min-width:190px}.footer-section-columns span{color:#4c4c4c;cursor:pointer;font-weight:600;margin:.25rem 0}.testimonial-section-bottom{align-items:center;background-color:#fff;border-radius:2rem;display:flex;flex-direction:column;justify-content:center;margin-top:2rem;margin:2rem auto;max-width:750px;padding:1.5rem 2rem;text-align:center}.testimonial-section-bottom p{color:#515151;font-size:1.1rem;font-weight:700;margin:2rem 0;max-width:500px}.testimonial-stars-container svg{color:#fe9e0d;font-size:1.5rem;margin:0 .25rem}.testimonial-section-bottom h2{margin-top:1.5rem}.work-section-wrapper{margin-top:15rem}.work-section-top p{max-width:600px!important;text-align:center}.work-section-top h1{max-width:700px!important}.work-section-top{margin-top:-230px}.work-section-info,.work-section-top{align-items:center;display:flex;flex-direction:column;justify-content:center}.work-section-info{background-color:#fff;border-radius:1rem;color:#505050;margin:1rem 2rem;min-height:350px;padding:1rem 2rem;text-align:center;width:290px}.work-section-info h2{margin:1rem 0}.work-section-bottom{align-items:center;display:flex;flex-wrap:wrap;justify-content:center;margin-top:5rem}.work-section-info p{align-items:center;display:flex;flex:1 1;font-weight:600}@media (max-width:1000px){.navbar-links-container a{font-size:1rem;margin-right:1rem}.primary-button{font-size:1rem}.home-bannerImage-container{max-width:600px}}@media (max-width:800px){.nav-logo-container{max-width:140px}.navbar-links-container{display:none}.navbar-menu-container{display:flex}.home-bannerImage-container{max-width:450px}.about-section-container,.home-banner-container{align-items:center;flex-direction:column-reverse;justify-content:center}.about-section-container{flex-direction:column}.about-section-image-container,.home-image-section{max-width:400px;width:100%}.primary-heading{max-width:90%;text-align:center}.primary-text{max-width:80%;text-align:center}.about-section-text-container,.home-text-section{align-items:center;justify-content:center;margin-top:2rem}.secondary-button{cursor:pointer;font-size:1rem;padding:.8rem 2rem}.about-section-container{margin-top:5rem!important}.about-buttons-container{flex-direction:column;justify-content:center}.primary-subheading{text-align:center}.watch-video-button{font-size:1rem!important;margin-left:0!important;margin-top:1rem}.watch-video-button svg{margin-right:.5rem!important}.about-section-image-container{margin-right:0!important}.work-section-wrapper{margin-top:5rem!important}.work-section-bottom{margin-top:1rem!important}.contact-form-container{align-items:center;border-radius:1rem!important;flex-direction:column;justify-content:center;padding:.5rem!important}.contact-form-container input{font-size:1rem!important;margin-bottom:.8rem!important;max-width:100%;padding:.5rem 1rem!important;text-align:center}.footer-section-two,.footer-wrapper{flex-direction:column}.footer-section-two{margin-top:2rem}.footer-section-columns{margin:1rem 0}.App{max-width:95vw}}@media (max-width:600px){.about-background-image-container,.home-bannerImage-container{display:none}}.about{color:#333;font-family:Arial,sans-serif}.about-section-container{margin-left:-100px;margin-right:7rem;margin-top:0;overflow:hidden;position:relative}.contact .about-background-image-container{margin-left:-100px;margin-top:-130px}.about-section-image-container img{height:auto;margin-bottom:-5px;margin-left:4rem;object-fit:cover;position:relative;width:100%;z-index:2}.about-section-text-container{border-radius:8px;box-shadow:0 0 10px #0000001a;margin:auto;max-width:1000px;padding:20px;position:relative;z-index:3}.primary-subheading{color:#555;font-size:1.5rem;margin-bottom:10px}.primary-heading{color:#222;margin-bottom:20px}.primary-text{font-size:1rem;line-height:1.6;margin-bottom:20px}.about-buttons-container{display:flex;gap:10px}.contact{box-sizing:border-box;color:#333;font-family:Arial,sans-serif;margin:0;padding:0}.contact-page-wrapper h1{max-width:900px!important}.contact-page-wrapper{align-items:center;display:flex;flex-direction:column;justify-content:center;margin:6rem 0}.contact-form-container{align-items:center;background-color:#fff;border-radius:5rem;height:30rem;margin-top:3rem;padding:1rem;width:800px}.contact-form-container input{border:none;flex:1 1;font-size:1.3rem;height:3rem;outline:none;padding:.5rem 1rem}.primary-heading{color:#000;font-size:2.5rem;margin-top:20px;text-align:center}.secondary-heading{color:#555;font-size:1.5rem;margin-top:10px;text-align:center}.contact-page-wrapper{margin:0 auto;max-width:800px;padding:20px}.contact-info{margin-bottom:20px;text-align:center}.contact-info p{color:#666;font-size:1rem}form{margin-top:3.5rem}form ::placeholder{font-size:1.2rem}label{margin-top:2rem}.contact-form-container{display:flex;flex-direction:column;gap:10px;margin-bottom:10px}.contact-form-container label{font-size:1.2rem;font-weight:700}.contact-form-container input,.contact-form-container textarea{border:1px solid #ddd;border-radius:4px;padding:10px;width:100%}.contact-form-container button{background-color:#fe9e0d;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:1rem;margin-left:21rem;margin-top:2rem;padding:10px 15px;transition:background-color .3s ease}.contact-form-container button:hover{background-color:#fe9e0d}.contact-details{margin-top:30px;text-align:center}.contact-details h3{color:#333;font-size:1.2rem;margin-bottom:10px}.contact-details p{color:#666;font-size:1rem}.contact-details a{color:#fe9e0d;text-decoration:none}.contact-details a:hover{text-decoration:underline}.social-media{margin-top:20px}.social-media a{color:#fe9e0d;margin:0 10px;text-decoration:none}.social-media a:hover{text-decoration:underline}.login{align-items:center;display:flex;flex-direction:column;margin-left:9rem;margin-top:6rem;max-width:650px;padding:20px}.about-background-image-container img{height:auto}.login-content{align-items:center;background-color:#fff;border-radius:8px;box-shadow:0 0 10px #0000001a;display:flex;flex-direction:row;justify-content:center;margin:20px 12rem 20px 0;max-width:600px;width:100%}.login-icon{height:auto;margin-right:20px}.login-form-container,.login-icon{max-width:50%}.login-form-container h2{font-size:2rem;margin-bottom:20px}.login-form-container form{display:flex;flex-direction:column}.login-form-container div{margin-bottom:15px}.login-form-container label{display:block;margin-bottom:5px}.login-form-container input{border:1px solid #ccc;border-radius:4px;padding:10px;width:100%}.login-form-container button{background-color:#fe9e0d;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:1rem;margin-right:100px;padding:10px;transition:background-color .3s ease}.login-form-container button:hover{background-color:#fe9e0d}.signup{box-sizing:border-box;color:#333;font-family:Arial,sans-serif;margin:0;padding:0}.home-bannerImage-container img{display:block;height:auto;width:100%}.about-background-image-container img{display:block;margin-left:-1rem;margin-top:-40rem;width:100%}.signup-content{display:flex;gap:1rem;margin-left:3rem;margin-top:5rem;width:60rem}.signup-image-container{align-items:center;display:flex;flex:1 1;justify-content:center}.signup-image{height:25rem;width:25rem}.signup-form-container{background-color:#f9f9f9;border-radius:8px;flex:1 1;padding:20px;width:10rem}.signup-form-container h2{color:#000;font-size:1.5rem;margin-bottom:10px;text-align:center}.signup-intro{color:#666;font-size:1rem;margin-bottom:20px;text-align:center}.signup-form-container label{display:block;font-size:1rem;font-weight:700;margin-bottom:5px}.signup-form-container input{border:1px solid #ddd;border-radius:4px;margin-bottom:15px;padding:10px;width:100%}.signup-form-container button{background-color:#fe9e0d;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:1rem;margin-left:13rem;padding:10px;transition:background-color .3s ease;width:5rem}.signup-form-container button:hover{background-color:#fe9e0d}.signup-footer{color:#666;margin-top:15px;text-align:center}.signup-footer a{color:#1a73e8;text-decoration:none}.signup-footer a:hover{text-decoration:underline}.Dashboard{display:flex;flex-direction:column;height:100vh}.sidebar{align-items:left;color:#fff;margin-top:30px;padding:30px;transition:all .3s ease}.main-content{flex:1 1;padding:20px}.sidebar{color:#0f1010;display:flex;flex-direction:row;height:8rem;padding:20px;width:200rem}.logo{margin-bottom:20px;margin-top:-1rem;text-align:center}.logo img{height:7rem;margin-left:-6rem;width:15rem}.sidebar-item{border-radius:5px;cursor:pointer;font-size:1.5rem;margin-bottom:10px;margin-left:3rem;padding:15px;transition:background-color .3s,color .3s}.sidebar-item.active{font-weight:700}.sidebar-item.active,.sidebar-item:hover{background-color:#fe9e0d;color:#fff}@media (max-width:768px){.sidebar{width:200px}}.inventory-container{border-radius:8px;font-family:Arial,sans-serif;margin-left:9rem;max-width:20rem;padding:20px 0}h1{font-size:1rem;text-align:center}.inventory-container .main-content{display:flex;justify-content:space-between;margin-left:-10rem;width:60rem}.item-list{flex:2 1;margin-right:20px}.item-list ul{list-style-type:none;padding:0}.item-list li{align-items:center;background-color:#fff;border-radius:4px;box-shadow:0 2px 5px #0000001a;display:flex;justify-content:space-between;margin-bottom:10px;margin-left:3rem;padding:10px}.item-details h3{margin-top:0}.item-actions{display:flex;gap:10px}.remove-btn,.sell-btn{background-color:#dc3545;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:5px 10px}.sell-btn{background-color:#28a745}.remove-btn:hover,.sell-btn:hover{opacity:.8}.stats-container{display:flex;flex:1 1;flex-direction:column;margin-left:3rem}.stat-item{background-color:#e9ecef;border-radius:4px;margin-bottom:10px;margin-left:3rem;margin-top:4.1rem;padding:15px}.sales-chart{margin-top:20px;padding:0 20px;text-align:center}.category-summary{font-size:1.2rem;margin-left:-9rem;margin-top:20px;padding:0 20px;width:20rem}.category-items{display:flex;justify-content:space-between;margin-left:6rem;padding:1rem;width:900px}.category-item{background-color:#fff;border-radius:4px;box-shadow:0 2px 5px #0000001a;flex:1 1;font-size:1.5rem;height:200px;margin:0 30px;padding:20px;text-align:center;width:200px}.home-bannerImage-container{margin-right:-5rem}.about-background-image-container{margin-left:-4rem;margin-top:50rem}.expense-container{border-radius:8px;box-shadow:0 4px 10px #0000001a;font-family:Arial,sans-serif;margin-left:8rem;margin-top:7rem;max-width:1200px;padding:20px}h1{color:#333;font-size:2em;margin-bottom:20px}.main-content{display:flex;justify-content:space-between;width:700px}.input-container{display:flex;flex-direction:column;gap:15px;width:300px}input[type=date],input[type=number],input[type=text],select{border:1px solid #ccc;border-radius:4px;font-size:16px;padding:10px;transition:border-color .3s}input:focus,select:focus{border-color:#007bff;outline:none}button{background-color:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:16px;padding:10px 15px;transition:background-color .3s}button:hover{background-color:#0056b3}h2{color:#333;font-size:1.5em;margin:20px 0}ul{flex:1 1;list-style-type:none;margin-right:20px;padding:0}li{align-items:center;background-color:#fff;border:1px solid #ddd;border-radius:4px;display:flex;justify-content:space-between;margin-bottom:10px;padding:10px}.remove-btn{background-color:#dc3545;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;padding:5px 10px}.remove-btn:hover{background-color:#c82333}.expense-container .home-bannerImage-container{margin-right:-5rem}.expense-container .about-background-image-container{margin-left:-4.4rem;margin-top:20rem}.customer-container{border-radius:8px;box-shadow:0 4px 8px #0000001a;display:flex;gap:8rem;margin-left:8rem;margin-top:4rem;max-width:1200px;padding:2rem}.customer-list{flex:1 1;width:20rem}.customer-list h1{color:#333;font-size:2rem;margin-bottom:.5rem}.customer-list h2{color:#555;font-size:1.5rem;margin-bottom:1rem}.customer-list ul{list-style:none;padding:0}.customer-list li{align-items:center;background-color:#f9f9f9;border-radius:4px;box-shadow:0 2px 4px #0000001a;display:flex;justify-content:space-between;margin-bottom:1rem;padding:1rem;width:20rem}.customer-list span{color:#333;font-size:1rem}.customer-list button{border:none;border-radius:4px;cursor:pointer;font-size:.9rem;font-weight:700;margin-left:.5rem;padding:.5rem 1rem;transition:background-color .3s ease,transform .2s ease}.customer-list button.edit-button{background-color:#28a745;color:#fff;margin-bottom:12px}.customer-list button.delete-button{background-color:#dc3545;color:#fff}.customer-list button:hover{opacity:.9}.customer-list button:active{transform:scale(.98)}.form-container{flex:1 1;max-width:400px}.form-container h2{color:#333;font-size:1.5rem;margin-bottom:1rem}.form-container form{display:flex;flex-direction:column}.form-container input{border:1px solid #ddd;border-radius:4px;font-size:1rem;margin-bottom:1rem;padding:.75rem;transition:border-color .3s ease}.form-container input:focus{border-color:#fe9e0d;outline:none}.form-container button{border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:1rem;padding:.75rem;transition:background-color .3s ease}.form-container button,.form-container button:hover{background-color:#fe9e0d}.customer-container .home-bannerImage-container{margin-right:-4rem}.customer-container .about-background-image-container{margin-left:-5rem;margin-top:20rem}body{background-color:#f4f4f4;font-family:Arial,sans-serif;margin:0;padding:0}.profile-container{background-color:#fff;border-radius:8px;box-shadow:0 4px 12px #00000026;display:flex;flex-direction:column;gap:6rem;margin-left:8rem;margin-top:4rem;padding:4rem;width:40rem}.profile-content{align-items:flex-start;display:flex;gap:5rem;justify-content:space-between}.profile-details-container{flex:2 1;margin-right:2rem}.profile-picture-container{align-items:center;display:flex;flex:1 1;justify-content:center}.profile-picture-img{border:4px solid #ddd;border-radius:50%;height:200px;object-fit:cover;width:500px}.profile-form{gap:1.5rem}.form-group,.profile-form{display:flex;flex-direction:column}.form-group{gap:.5rem}.form-group label{color:#555;font-size:1.2rem}.form-group input,.form-group textarea{border:1px solid #ddd;border-radius:4px;font-size:1.1rem;padding:1rem;transition:border-color .3s ease;width:100%}.form-group input:focus,.form-group textarea:focus{border-color:#007bff;outline:none}.file-input{margin-top:.5rem}.submit-button{background-color:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:1.1rem;padding:1rem;transition:background-color .3s ease}.submit-button:disabled{background-color:#007bff;cursor:not-allowed;opacity:.6}.submit-button:hover:not(:disabled){background-color:#0056b3}.cancel-button{background-color:#dc3545;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:1.1rem;margin-top:.5rem;padding:1rem;transition:background-color .3s ease}.cancel-button:hover{background-color:#c82333}.feedback-message{color:#28a745;font-size:1.1rem;margin-top:1rem}.profile-details{font-size:1.2rem;text-align:left}.edit-button{border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:1.1rem;margin-top:1rem;padding:1rem 2rem;transition:background-color .3s ease}.edit-button,.edit-button:hover{background-color:#fe9e0d}.profile .home-bannerImage-container{margin-right:-4rem}.profile .about-background-image-container{margin-left:-6rem;margin-top:30rem}
/*# sourceMappingURL=main.51b6ee78.css.map*/