@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@400;600&display=swap);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}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}body,html{margin:0;max-width:100%;padding:0;width:100%}#root,.App,body,html{overflow-x:hidden}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.navbar{align-items:center;background-color:#fff;box-shadow:0 2px 5px #0000001a;box-sizing:border-box;display:flex;flex-wrap:wrap;justify-content:space-between;padding:10px 16px;width:100%}.logo img{flex-shrink:0;height:36px}.search{flex:1 1;margin:8px;min-width:120px}.search input{border:1px solid #ccc;border-radius:6px;box-sizing:border-box;font-size:16px;padding:8px 12px;width:100%}.icons{align-items:center;display:flex;flex-shrink:0;gap:10px}.icons img{cursor:pointer;height:28px}.sidebar{background-color:#f0f0f0;box-shadow:2px 0 5px #0000001a;box-sizing:border-box;display:flex;flex-direction:column;font-size:18px;gap:16px;height:100%;left:0;padding-left:20px;padding-top:60px;position:fixed;top:0;width:220px;z-index:2}.all,.card-container,.product-grid{box-sizing:border-box;display:flex;flex-wrap:wrap;gap:16px;justify-content:center;max-width:100vw;overflow-x:hidden;padding:16px}.all div{text-align:center;width:140px}.all img{border-radius:8px;height:auto;object-fit:cover;width:100%}.all p{font-size:14px;margin-top:6px}.card{background-color:#fff;border-radius:8px;box-shadow:0 4px 8px #0000001a;overflow:hidden;text-align:center;transition:transform .2s ease;width:160px}.card:hover{transform:translateY(-4px)}.card-img{height:120px;object-fit:cover;width:100%}.card-title{font-size:16px;font-weight:500;padding:8px 0}.product-card{background-color:#fff;border:1px solid #e0e0e0;border-radius:6px;box-shadow:0 2px 5px #0000000d;cursor:pointer;overflow:hidden;padding:10px;text-align:left;transition:box-shadow .2s ease-in-out;width:180px}.product-card:hover{box-shadow:0 4px 10px #00000026}.product-card img{height:150px;margin-bottom:8px;object-fit:contain;width:100%}.product-name{color:#212121;font-size:14px;font-weight:500;margin-bottom:6px}.product-cost{color:#388e3c;font-size:16px;font-weight:700;margin-bottom:6px}.product-stock{color:#757575;font-size:12px}.footer{background-color:#222;color:#fff;font-family:Arial,sans-serif;padding:30px 20px 10px}.footer-container{display:flex;flex-wrap:wrap;gap:30px;justify-content:space-around;padding-bottom:20px}.footer-section{flex:1 1;min-width:200px}.footer-logo{font-size:24px;font-weight:700;margin-bottom:10px}.footer-tagline{color:#ccc;font-size:14px}.footer-heading{font-size:18px;margin-bottom:10px}.footer-links{list-style:none;padding:0}.footer-links li{margin-bottom:8px}.footer-links a{color:#ccc;text-decoration:none}.footer-links a:hover{color:#fff;text-decoration:underline}.footer-contact{align-items:center;color:#ccc;display:flex;gap:8px;margin:6px 0}.footer-socials a{color:#ccc;font-size:18px;margin-right:10px}.footer-socials a:hover{color:#fff}.footer-bottom{border-top:1px solid #444;color:#aaa;font-size:12px;padding-top:10px;text-align:center}.loading-overlay{align-items:center;background-color:#0006;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:9999}.loading-message-box{background-color:#fff;border-radius:10px;box-shadow:0 0 15px #0000004d;padding:30px 50px}.loading-message-box p{font-size:20px;font-weight:700;margin:0}.success-screen{align-items:center;background-color:#e6f9ec;color:#0a8f43;display:flex;flex-direction:column;height:100vh;justify-content:center;text-align:center}.success-screen h2{font-size:28px;margin-bottom:20px}.success-screen p{font-size:18px;margin-bottom:20px}.success-screen button{background-color:#0a8f43;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:16px;padding:10px 20px}.success-screen button:hover{background-color:#066c32}.shape{height:50px;margin-left:146px;width:50px}.login-wrapper{background:#e0f7fa;box-sizing:border-box;height:100vh;padding:20px;width:100%}.login-left,.login-right,.login-wrapper{align-items:center;display:flex;justify-content:center}.login-left,.login-right{flex:1 1;flex-direction:column}.login-left{text-align:center}.login-left .login-message{color:#333;font-size:18px;font-weight:700;margin-top:10px}.login-left .lottie-player,.login-left canvas{height:auto;max-width:100%}.login-right .login-form{background:#fff;border-radius:12px;box-shadow:0 0 15px #0003;display:flex;flex-direction:column;gap:12px;max-width:320px;padding:30px;width:100%}.login-form input{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:1px solid #ffffff4d;border-radius:8px;color:#000;font-size:16px;outline:none;padding:10px;transition:all .3s ease;width:100%}.login-form input::placeholder{color:#555}.login-form input:focus{background:#ffffff4d;border-color:#007bff}.login-form button{background-color:#007bff;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;padding:10px;transition:background .3s ease;width:100%}.login-form button:hover{background-color:#0056b3}.login-form p{font-size:14px;text-align:center}.login-form a{color:#007bff;text-decoration:none}.login-form a:hover{text-decoration:underline}@media (max-width:768px){.all,.card-container,.product-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(3,1fr);justify-items:center}.all div,.card,.product-card{max-width:100px;width:100%}.login-wrapper{align-items:stretch;flex-direction:row;flex-wrap:wrap}.login-left,.login-right{flex:1 1 40%;max-width:60%}.login-left{order:2;padding:20px 0}.login-right{order:1}.login-form{margin:0 auto}}body{background:#f7f7f7}.admin-panel{background-color:#fff;border-radius:16px;box-shadow:0 4px 20px #0000001a;margin:60px auto;max-width:600px;padding:30px}.admin-panel h2{color:#333;margin-bottom:30px;text-align:center}.admin-panel form{display:flex;flex-direction:column}.admin-panel input[type=file],.admin-panel input[type=text],.admin-panel select{border:1px solid #ccc;border-radius:12px;font-size:15px;margin-bottom:20px;padding:12px 14px;transition:.3s}.admin-panel input[type=text]:focus,.admin-panel select:focus{border-color:#007bff;outline:none}.admin-panel button{background-color:#28a745;border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:12px;transition:.3s}.admin-panel button:hover{background-color:#218838}.admin-panel p{font-size:15px;margin-top:20px;text-align:center}.admin-panel p.success{color:green}.admin-panel p.error{color:red}@media (max-width:600px){.admin-panel{margin:30px 15px;padding:20px}}body{background:#f1f5f9;font-family:Poppins,sans-serif;margin:0;padding:0}.admin-login{background:#fff;border-radius:16px;box-shadow:0 4px 18px #0000001a;margin:80px auto;max-width:420px;padding:30px}.admin-login h2{color:#333;margin-bottom:24px;text-align:center}.admin-login form{display:flex;flex-direction:column}.admin-login input[type=email],.admin-login input[type=password]{border:1px solid #ccc;border-radius:10px;font-size:15px;margin-bottom:20px;padding:12px 14px;transition:.3s}.admin-login input:focus{border-color:#007bff;outline:none}.admin-login button{background-color:#007bff;border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:12px;transition:background .3s}.admin-login button:hover{background-color:#0056b3}.admin-login p{font-size:14px;margin-top:10px;text-align:center}.admin-login p.success{color:green}.admin-login p.error{color:red}.admin-login a{color:#007bff;font-weight:500;text-decoration:none}.admin-login a:hover{text-decoration:underline}@media (max-width:480px){.admin-login{margin:40px 15px;padding:20px}}.loader-container{color:#555;padding:20px;text-align:center}.spinner{animation:spin .8s linear infinite;border:6px solid #f3f3f3;border-radius:50%;border-top-color:#555;height:40px;margin:0 auto 10px;width:40px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}
/*# sourceMappingURL=main.5cceba11.css.map*/