body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{background-color:#f4f4f9;height:100vh}::placeholder,a,body,div,h1,h2,h3,h4,h5,h6,label,li,option,p,select{font-family:Tajawal;text-align:end}.nav-bar{align-items:flex-start;background-color:#333;box-shadow:2px 0 5px #0000001a;flex-direction:column;height:100%;left:0;padding:20px;position:fixed;top:0;width:250px;z-index:1000}.nav-links{list-style:none;width:100%}.nav-links li{margin-bottom:15px}.nav-link{color:#f4f4f9;display:block;font-size:18px;padding:10px;transition:background-color .3s ease;width:100%}.nav-link:hover{background-color:#575757}.active-link{background-color:#1f9299;font-weight:700}.content{background-color:#fff;box-shadow:-2px 0 5px #0000001a;flex-grow:1;margin-left:270px;overflow-y:auto}.error,.loading{color:#333;font-size:1.5rem}.product-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));max-width:1200px;width:100%}.nav-bar{background-color:#1f9299}.desktop-nav{display:flex}@media (max-width:768px){.desktop-nav{display:none}.content{color:#1f9299;margin-left:0}.mobile-nav{color:#1f9299;display:flex;position:fixed;width:200px}.mobile-nav,.nav-links{background-color:#1f9299;flex-direction:column}.nav-links{color:#000;display:none}.nav-links.show{background-color:#1f9299;color:#000;display:flex}.hamburger{color:#000;display:block}}.App{background-color:#f9f9f9;display:flex;flex-direction:column;font-family:Arial,sans-serif;min-height:100vh}.nav-bar{align-items:center;background-color:#218085;color:#fff;display:flex;justify-content:space-between;padding:10px}.nav-links{display:flex;list-style-type:none;margin:0;padding:0}.nav-link{border-radius:5px;color:#fff;padding:10px 15px;text-decoration:none;transition:background-color .3s}.nav-link:hover{background-color:#1f9299}.logout-btn{background-color:#ff4d4d}.logout-btn,.signup-btn{border:none;border-radius:5px;color:#fff;cursor:pointer;padding:10px 15px;transition:background-color .3s}.signup-btn{background-color:#1f9299}.logout-btn:hover{background-color:#ff1a1a}.hamburger{cursor:pointer;display:none;font-size:30px}.content{flex:1 1;padding:20px}.mobile-nav{align-items:flex-start;background-color:#1f9299;display:none;flex-direction:column;height:100%;left:0;overflow:auto;padding:10px;position:absolute;top:0;width:100%}.mobile-nav.show{align-items:end;display:flex;padding:50px}.mobile-nav .nav-link{border-bottom:1px solid #1f9299;padding:10px;width:100%}@media (max-width:768px){.hamburger{display:block}.nav-bar.desktop-nav{display:none}}.sign-in-container{background-color:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;margin:auto;max-width:400px;padding:20px}.sign-in-title{color:#333;margin-bottom:20px;text-align:center}.sign-in-form{display:flex;flex-direction:column}.form-group{margin-bottom:15px}label{display:block;font-weight:700;margin-bottom:5px}.form-input{border:1px solid #ccc;border-radius:4px;font-size:16px;padding:10px;transition:border-color .3s;width:100%}.form-input:focus{border-color:#47f15e;outline:none}.error-message{color:#ff4d4d;margin-top:5px;text-align:center}.submit-btn{border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:16px;padding:10px;transition:background-color .3s}.submit-btn,.submit-btn:hover{background-color:#1f9299}.forgot-password{margin-top:15px;text-align:center}.forgot-password a{color:#1f9299;text-decoration:none}.forgot-password a:hover{text-decoration:underline}@media (max-width:480px){.sign-in-container{width:90%}}body{font-family:Tajawal,sans-serif}.loading-text{color:#4a5568}.error-text{color:#e53e3e}
/*# sourceMappingURL=main.ae459bda.css.map*/