@tailwind base;@tailwind components;@tailwind utilities;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{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)}}.login-wrapper{align-items:center;background:linear-gradient(90deg,#6a11cb,#2575fc);display:flex;font-family:Segoe UI,sans-serif;height:100vh;justify-content:center}.login-card{background:#fff;border-radius:16px;box-shadow:0 8px 25px #0003;display:flex;max-width:95vw;overflow:hidden;width:850px}.login-left{align-items:center;background:#3a3a3a;display:flex;flex:1 1;justify-content:center}.login-illustration{background-color:#fff;border:4px solid #fff;border-radius:50%;box-shadow:0 4px 8px #fff3;height:200px;object-fit:contain;padding:12px;width:200px}.login-right{flex:1 1;padding:2.5rem}.login-title{color:#333;font-size:1.8rem;margin-bottom:1.5rem;text-align:center}.login-form{display:flex;flex-direction:column}.input-wrapper{margin-bottom:1.25rem;position:relative}.input-wrapper input{background:#f5f5f5;border:1px solid #ccc;border-radius:30px;font-size:1rem;outline:none;padding:12px 16px 12px 42px;width:98%}.input-wrapper input:focus{border-color:#6a11cb}.input-wrapper .icon{color:#888;font-size:1.1rem;left:14px;position:absolute;top:50%;transform:translateY(-50%)}.login-button{background-color:#6a11cb;border:none;border-radius:30px;color:#fff;cursor:pointer;font-size:1rem;font-weight:700;margin-bottom:1rem;padding:12px}.login-button:hover{background-color:#5011b5}.login-links{font-size:.9rem;text-align:center}.login-links a{color:#333;text-decoration:none}.login-links a:hover{color:#6a11cb;text-decoration:underline}.error{font-size:.9rem;margin-bottom:1rem}.shop-header{background:linear-gradient(90deg,#6a11cb,#2575fc);box-shadow:0 4px 10px #00000026;color:#fff;font-family:Segoe UI,sans-serif;font-size:14px}.shop-header a{color:#fff;text-decoration:none}.shop-header a:hover{text-decoration:underline}.shop-header .icon,.shop-header svg{font-size:16px;vertical-align:middle}.shop-header__topbar{align-items:center;display:flex;font-size:13px;justify-content:space-between;padding:8px 150px}.shop-header__left-links,.shop-header__right-links{align-items:center;display:flex;gap:12px}.shop-header__left-links a,.shop-header__left-links span,.shop-header__right-links a,.shop-header__right-links span{align-items:center;color:#ffffffd9;display:flex;gap:6px}.shop-header__main{align-items:center;display:flex;gap:24px;padding:12px 150px}.shop-header .shop-logo img{display:block;height:40px}.shop-header .shop-search{display:flex;flex:1 1}.shop-header .shop-search form{align-items:center;display:flex;width:100%}.shop-header .shop-search form input{background-color:#fff;border:1.5px solid #e0e0e0;border-radius:8px 0 0 8px;box-shadow:none;color:#222;flex:1 1;font-size:16px;font-weight:500;height:44px;outline:none;padding:10px 16px}.shop-header .shop-search form .search-button{align-items:center;background:#2575fc;border:none;border-radius:0 8px 8px 0;color:#fff;cursor:pointer;display:flex;font-size:20px;height:44px;padding:0 18px;transition:background .2s ease}.shop-header .shop-search form .search-button:hover{background:#1a5ae0}.shop-header .shop-cart{align-items:center;color:#fff;cursor:pointer;display:flex;font-size:20px;height:44px}.shop-header__keywords{display:flex;flex-wrap:wrap;font-size:12.5px;gap:12px;padding:4px 150px 12px}.site-footer{background:linear-gradient(90deg,#6a11cb,#2575fc);color:#fff;font-family:Segoe UI,sans-serif;padding:40px 20px 20px}.site-footer a{color:#fff;font-size:14px;text-decoration:none}.site-footer a:hover{text-decoration:underline}.site-footer .footer-container{display:flex;flex-wrap:wrap;justify-content:space-between;margin:auto;max-width:1200px;padding-bottom:20px}.site-footer .footer-column{flex:1 1 220px;margin:10px}.site-footer .footer-column h4{color:#fff;font-size:16px;margin-bottom:10px}.site-footer .footer-column ul{list-style:none;padding:0}.site-footer .footer-column ul li{font-size:14px;margin-bottom:8px}.site-footer .footer-socials{display:flex;gap:12px;margin-top:10px}.site-footer .footer-socials a{align-items:center;background-color:#fff3;border-radius:50%;display:inline-flex;font-size:18px;height:32px;justify-content:center;transition:.3s;width:32px}.site-footer .footer-socials a:hover{background-color:#fff;color:#6a11cb}.site-footer .footer-bottom{border-top:1px solid #fff3;color:#ffffffd9;font-size:13px;padding-top:20px;text-align:center}.homepage{background:#fff;display:flex;flex:1 1;gap:24px;min-height:600px;padding-top:32px}.product-grid{grid-gap:32px;align-items:stretch;display:grid;gap:32px;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));justify-items:center;min-height:260px;width:100%}.product-card,.sale-product-card{background:#fff;border:none;border-radius:18px;box-shadow:0 2px 16px #e0e0e0;cursor:pointer;margin-bottom:24px;max-width:370px;min-height:220px;overflow:hidden;padding:0;transition:transform .25s cubic-bezier(.4,2,.6,1),box-shadow .2s;width:100%}.product-card:hover,.sale-product-card:hover{box-shadow:0 8px 32px #bdbdbd;transform:scale(1.07)}.product-image{border-radius:8px;height:180px;object-fit:cover;width:100%}.product-info{padding:18px 20px 16px}.product-title{color:#6c2eb7;font-size:20px;font-weight:700;line-height:1.2;margin:12px 0 4px;min-height:48px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.product-price{color:#e53935;font-size:18px;font-weight:700}.price-original{color:#888;font-size:15px;margin-right:10px;text-decoration:line-through}.price-discounted{color:#e53935;font-weight:700}aside{background:#fafbfc;border-radius:12px;box-shadow:0 2px 8px #eee;color:#222;height:fit-content;min-width:260px;padding:24px}aside h3{color:#222;font-weight:700;margin-bottom:24px;text-align:center}aside button{border-radius:6px;color:#222;cursor:pointer;display:block;font-size:16px;font-weight:500;margin-bottom:12px;padding:10px 0;transition:background .2s;width:100%}aside button.selected,aside button:active{background:#e3e6f3;border:2px solid #2575fc}aside button:not(.selected){background:#fff;border:1px solid #ddd}aside button.remove-filter{background:#fff;border:1px solid #aaa;border-radius:6px;color:#2575fc;font-weight:600;margin-top:8px;padding:8px 0}@media(max-width:900px){.homepage{flex-direction:column;gap:0;padding-top:16px}aside{margin-bottom:24px;min-width:0;min-width:auto;width:100%}.product-grid{gap:16px;grid-template-columns:1fr}}.register-wrapper{align-items:center;background:linear-gradient(90deg,#6a11cb,#2575fc);display:flex;justify-content:center;min-height:100vh}.register-card{background:#fff;border-radius:12px;box-shadow:0 4px 16px #0003;margin-bottom:20px;margin-top:20px;padding:2rem 3rem;width:400px}.register-title{color:#333;font-size:1.8rem;margin-bottom:1.5rem;text-align:center}.register-form{display:flex;flex-direction:column}.register-form input[type=email],.register-form input[type=password],.register-form input[type=text]{border:1px solid #4a90e2;border-radius:20px;font-size:1rem;margin-bottom:1rem;padding:10px 12px}.register-form .gender-radio{display:flex;justify-content:space-around;margin-bottom:1rem}.register-form .gender-radio label{font-size:.95rem}.register-form .gender-radio label input{margin-right:6px}.register-form button{background-color:#6a11cb;border:none;border-radius:30px;color:#fff;cursor:pointer;font-weight:700;padding:10px}.register-form button:hover{background-color:#5011b5}.register-form .error{color:red;font-size:.9rem;margin-bottom:1rem;text-align:center}.gender-radio{margin-bottom:1rem}.gender-radio .gender-title{color:#333;display:block;font-weight:500;margin-bottom:.5rem}.gender-radio .gender-options{display:flex;justify-content:space-between}.gender-radio .gender-options label{align-items:center;display:flex;font-size:1rem;gap:.4rem}.gender-radio .gender-options label input[type=radio]{accent-color:#6a11cb;cursor:pointer;transform:scale(1.1)}.address-select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-color:#fff;border:1px solid #ccc;border-radius:20px;color:#333;font-size:1rem;margin-bottom:1rem;padding:.75rem 1rem;transition:border-color .3s ease,box-shadow .3s ease;width:100%}.address-select:focus{border-color:#4a90e2;box-shadow:0 0 5px #4a90e280;outline:none}.address-select:disabled{background-color:#f5f5f5;color:#aaa;cursor:not-allowed}.address-select{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='12' height='8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m1 1 5 5 5-5' stroke='%23666' stroke-width='2'/%3E%3C/svg%3E");background-position:right 1rem center;background-repeat:no-repeat;background-size:1rem}.role-radio{display:flex;flex-direction:column;gap:1rem;margin-bottom:1rem}.role-radio .role-title{all:unset;font-size:1.2rem;font-weight:600;margin-bottom:.5rem}.role-radio label{align-items:center;border:2px solid #ddd;border-radius:20px;cursor:pointer;display:flex;font-size:1rem;gap:.5rem;padding:.5rem;transition:all .3s ease}.role-radio label:hover{background-color:#f9f9f9;border-color:#aaa}.role-radio label input[type=radio]{accent-color:#007bff;cursor:pointer;transform:scale(1.2)}.role-radio label svg{font-size:1.2rem;margin-left:auto}.role-radio label input[type=radio]:checked+svg{color:#007bff}.setting-layout{align-items:flex-start;background:linear-gradient(90deg,#2575fc,#2575fc);display:flex;min-height:80vh;padding:40px}.setting-layout .sidebar-menu{background:#fff;border-radius:12px;box-shadow:0 4px 12px #0000001a;flex-shrink:0;height:fit-content;margin-right:32px;padding:16px;position:sticky;top:120px;width:240px}.setting-layout .setting-content{background:linear-gradient(90deg,#a8edea,#fed6e3);border-radius:12px;box-shadow:0 6px 24px #0000000d;flex:1 1;min-height:500px;padding:10px}.setting-layout .setting-content h2{color:#333;font-size:22px;font-weight:600;margin-bottom:16px}.setting-layout .setting-content p{color:#666}.sidebar-menu{background:#fff;border:1px solid #e0e0e0;border-radius:6px;box-shadow:0 2px 8px #0000000d;font-family:Segoe UI,sans-serif;padding:0;width:240px}.sidebar-menu ul{list-style:none;margin:0;padding:0}.sidebar-menu ul li{align-items:center;border-bottom:1px solid #f0f0f0;border-radius:10px;color:#333;cursor:pointer;display:flex;font-size:15px;gap:10px;padding:12px 16px;transition:background .25s,color .25s}.sidebar-menu ul li svg{color:#555;font-size:16px}.sidebar-menu ul li:hover{background-color:#007bff;color:#fff}.sidebar-menu ul li:hover svg{color:#fff}.sidebar-menu ul li.active{background-color:#007bff;color:#fff}.sidebar-menu ul li.active svg{color:#fff}.sidebar-menu ul li:last-child{border-bottom:none}ul.setting-menu{list-style:none;padding:0}ul.setting-menu li{align-items:center;display:flex;font-size:15px;gap:8px;padding:8px 0}ul.setting-menu li svg{font-size:18px}.update-wrapper{display:flex;justify-content:center;padding:40px 0}.update-card{background-color:#fff;border-radius:12px;box-shadow:0 6px 24px #00000014;max-width:600px;padding:40px;width:100%}.update-title{color:#333;font-size:24px;font-weight:600;margin-bottom:24px;text-align:center}.update-form{display:flex;flex-direction:column}.update-form .error{color:red!important;font-size:14px;margin-bottom:12px}.update-form label{color:#444;font-size:15px;font-weight:500;margin-bottom:6px;margin-top:14px}.update-form input[type=text]{border:1px solid #ccc;border-radius:15px;font-size:14px;padding:10px 14px;transition:border .2s}.update-form input[type=text]:focus{border-color:#007bff;outline:none}.update-form .gender-radio{margin-bottom:18px;margin-top:18px}.update-form .gender-radio .gender-title{color:#444;display:block;font-weight:500;margin-bottom:10px}.update-form .gender-radio label{color:#555;font-size:14px;margin-right:20px}.update-form .gender-radio label input{margin-right:6px}.form-buttons{display:flex;gap:12px;justify-content:space-between;margin-top:20px}.form-buttons button{border:none;border-radius:8px;cursor:pointer;flex:1 1;font-size:14px;padding:12px;transition:background .25s ease}.form-buttons button[type=submit]{background-color:#007bff;color:#fff}.form-buttons button[type=submit]:hover{background-color:#0056b3}.form-buttons .cancel-button{background-color:#e0e0e0;color:#333}.form-buttons .cancel-button:hover{background-color:#ccc}.address{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-color:#fff;border:1px solid #ccc;border-radius:15px;color:#333;font-size:1rem;margin-bottom:1rem;padding:10px 14px;transition:border-color .3s ease,box-shadow .3s ease;width:100%}.address:focus{border-color:#4a90e2;box-shadow:0 0 5px #4a90e280;outline:none}.address:disabled{background-color:#f5f5f5;color:#aaa;cursor:not-allowed}.address{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='12' height='8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m1 1 5 5 5-5' stroke='%23666' stroke-width='2'/%3E%3C/svg%3E");background-position:right 1rem center;background-repeat:no-repeat;background-size:1rem}.popup-confirm-overlay{z-index:2000}.popup-confirm{border-radius:10px;box-shadow:0 4px 12px #00000040;padding:20px 30px}.popup-confirm p{margin-bottom:20px}.popup-confirm .popup-buttons{justify-content:space-around}.popup-confirm .popup-buttons button{font-weight:700}.popup-confirm .popup-buttons button:first-child{background-color:#ccc}.popup-confirm .popup-buttons button:last-child{background-color:#2575fc}.profile-wrapper{background:linear-gradient(90deg,#a8edea,#fed6e3);display:flex;justify-content:center;min-height:calc(100vh - 120px);padding:40px 20px}.profile-card{background:#fff;border-radius:12px;box-shadow:0 8px 24px #00000014;margin-bottom:40px;margin-top:40px;max-width:600px;width:100%}.profile-title{color:#333;font-size:24px;font-weight:600;margin-bottom:24px;text-align:center}.profile-info{font-size:16px;padding:20px}.profile-info p{color:#444;margin-bottom:14px}.profile-info p strong{color:#222;display:inline-block;font-weight:600;min-width:140px}.profile-error,.profile-loading{color:#fff;font-size:16px;padding:20px;text-align:center}.user-management-wrapper{padding:20px}.user-management-title{font-size:24px;font-weight:600;margin-bottom:24px;text-align:center}.user-summary{display:flex;font-size:16px;font-weight:500;justify-content:space-between;margin-bottom:20px}.user-table{border-collapse:collapse;width:100%}.user-table td,.user-table th{border:1px solid #ddd;padding:12px;text-align:left}.user-table th{background-color:#f0f0f0}.user-table tr:nth-child(2n){background-color:#fafafa}.user-table tr:hover{background-color:#f1f8ff}.user-table td button{border:none;border-radius:4px;cursor:pointer;font-size:14px;margin-right:6px;padding:4px 8px}.user-table td button:first-of-type{margin-bottom:10px}.user-table td button.delete,.user-table td button:first-of-type{background-color:#2575fc;color:#fff;width:60px}.user-table td button.unban{background-color:#2575fc;color:#fff;margin-top:10px;white-space:nowrap;width:auto}.pagination button{background-color:#e0e0e0;border:none;border-radius:4px;margin:0 4px;padding:6px 12px}.change-password-wrapper{background:#fff;border-radius:10px;box-shadow:0 4px 16px #0000001a;margin:40px auto;max-width:500px;padding:30px}.change-password-form{display:flex;flex-direction:column}.change-password-form label{font-weight:500;margin:10px 0 4px}.change-password-form input{border:1px solid #ccc;border-radius:15px;font-size:15px;margin-bottom:12px;padding:8px}.change-password-form .button-group{display:flex;gap:10px;justify-content:flex-start;margin-top:10px}.change-password-form .button-group button{border:none;border-radius:6px;cursor:pointer;font-size:15px;padding:8px 16px}.change-password-form .button-group button[type=submit]{background-color:#007bff;border-radius:20px;color:#fff;width:150px}.change-password-form .button-group .cancel-button{background-color:#ccc;border-radius:20px;color:#333;width:100px}.change-password-form .button-group .cancel-button:hover{background-color:#bbb}.change-password-form .error-msg{color:#dc3545!important;margin-bottom:10px}.change-password-form .success-msg{color:#28a745;margin-bottom:10px}.popup-confirm-overlay{align-items:center;background:#0006;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:9999}.popup-confirm{background:#fff;border-radius:12px;box-shadow:0 6px 20px #00000040;padding:24px 32px;text-align:center}.popup-confirm p{font-size:16px;margin-bottom:16px}.popup-confirm .popup-buttons{display:flex;gap:16px;justify-content:center}.popup-confirm .popup-buttons button{border:none;border-radius:6px;cursor:pointer;font-weight:600;padding:8px 16px}.popup-confirm .popup-buttons button:first-child{background:#ccc;color:#333}.popup-confirm .popup-buttons button:last-child{background:#2575fc;color:#fff}.forgot-password-wrapper{align-items:center;background-color:#f9f9f9;display:flex;justify-content:center;min-height:80vh}.forgot-password-wrapper form{background:#fff;border-radius:12px;box-shadow:0 4px 16px #00000014;max-width:400px;padding:30px 25px;width:100%}.forgot-password-wrapper form h3{color:#333;margin-bottom:20px;text-align:center}.forgot-password-wrapper form input{border:1px solid #ccc;border-radius:15px;font-size:15px;margin-bottom:20px;outline:none;padding:12px;transition:border-color .3s;width:99%}.forgot-password-wrapper form input:focus{border-color:#2575fc}.forgot-password-wrapper form button{background:linear-gradient(90deg,#6a11cb,#2575fc);border:none;border-radius:15px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;margin:0;padding:12px;transition:background .3s ease;width:100%}.forgot-password-wrapper form button:hover{background:linear-gradient(90deg,#5b0eb2,#1a5ae0)}.forgot-password-wrapper form p{color:#e53935;font-size:14px;margin-top:12px;text-align:center}.reset-password-wrapper{align-items:center;background-color:#f5f5f5;display:flex;justify-content:center;min-height:80vh}.reset-password-wrapper form{background:#fff;border-radius:12px;box-shadow:0 4px 16px #00000014;max-width:400px;padding:30px 25px;width:100%}.reset-password-wrapper form h3{color:#333;margin-bottom:20px;text-align:center}.reset-password-wrapper form input{border:1px solid #ccc;border-radius:8px;font-size:15px;margin-bottom:20px;outline:none;padding:12px;transition:border-color .3s;width:100%}.reset-password-wrapper form input:focus{border-color:#2575fc}.reset-password-wrapper form button{background:linear-gradient(90deg,#6a11cb,#2575fc);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;margin:initial;padding:10px;transition:background .3s ease;width:100%}.reset-password-wrapper form button:hover{background:linear-gradient(90deg,#5b0eb2,#1a5ae0)}.reset-password-wrapper form p{color:#e53935;font-size:14px;margin-top:12px;text-align:center}.popup{animation:fadeIn .3s ease-in-out;background-color:#4caf50;border-radius:8px;box-shadow:0 2px 6px #0003;color:#fff;padding:12px 18px;position:fixed;right:20px;top:20px;z-index:999}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.product-details{margin:0 auto;max-width:100vw;min-width:0;padding:20px;width:100vw}.product-details-container{display:flex;gap:20px}.product-image-section{align-items:center;display:flex;flex:1 1;flex-direction:column}.product-image-section>div{align-items:center;background:#f8fafc;border-radius:16px;box-shadow:0 2px 12px #e0e0e0;display:flex;height:340px;justify-content:center;margin-bottom:18px;overflow:hidden;width:340px}.product-image-section img.product-image{border-radius:12px;height:100%;object-fit:contain;width:100%}.product-info-section{flex:2 1}.product-title{font-size:2em;margin-bottom:10px}.product-price{color:#e44d26;font-size:1.5em;margin-bottom:20px}.product-description{color:#666;margin-bottom:20px}.product-actions{display:flex;gap:10px}.add-to-cart-button,.buy-now-button{border:none;border-radius:4px;cursor:pointer;padding:10px 20px}.add-to-cart-button{background-color:#2575fc;color:#fff}.buy-now-button{background-color:#000;color:#fff}.product-grid-results{grid-gap:28px;align-items:stretch;box-sizing:border-box;display:grid!important;gap:28px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));justify-items:stretch;margin:24px 0 32px;max-width:100vw;min-width:0;width:100vw}.product-grid-results .product-card{background:#fff;border:none;border-radius:14px;box-shadow:0 2px 12px #e0e0e0;cursor:pointer;display:flex;flex-direction:column;min-height:340px;overflow:hidden;padding:0;transition:transform .18s,box-shadow .18s}.product-grid-results .product-card:hover{box-shadow:0 8px 32px #bdbdbd;transform:scale(1.04)}.product-grid-results .product-image{border-radius:14px 14px 0 0;height:180px;object-fit:cover;width:100%}.product-grid-results .product-info{display:flex;flex:1 1;flex-direction:column;justify-content:flex-start;padding:16px 18px 14px}.product-grid-results .product-title{color:#2575fc;font-size:18px;font-weight:700;line-height:1.2;margin-bottom:6px;min-height:40px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.product-grid-results .product-description{color:#444;font-size:15px;margin-bottom:8px;max-height:40px;min-height:36px;overflow:hidden;text-overflow:ellipsis}.product-grid-results .product-price{align-items:baseline;color:#e53935;display:flex;font-size:17px;font-weight:700;gap:10px;margin-top:auto}.product-grid-results .price-original{color:#888;font-size:15px;font-weight:400;text-decoration:line-through}.product-grid-results .price-discounted{color:#e53935;font-size:17px;font-weight:700}.product-management-wrapper{background:linear-gradient(180deg,#dfe9f3,#fff);border-radius:10px;box-shadow:0 4px 8px #0000001a;font-family:Arial,sans-serif;padding:20px}.product-management-title{color:#333;font-size:24px;font-weight:700;margin-bottom:20px;text-align:center}.search-bar{border:1px solid #ccc;border-radius:5px;display:block;font-size:16px;margin:0 auto 20px;padding:10px;width:50%}button{background-color:#007bff;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:14px;margin:5px;padding:10px 15px;transition:background-color .3s}button:hover{background-color:#0056b3}button.active{background-color:#28a745}.product-table,.stock-table{border-collapse:collapse;margin-bottom:20px;width:100%}.product-table td,.product-table th,.stock-table td,.stock-table th{border:1px solid #ddd;padding:8px;text-align:center}.product-table th,.stock-table th{background-color:#f4f4f4;font-weight:700}.pagination{margin-top:20px;text-align:center}.pagination button{background-color:#f8f9fa;border:1px solid #ccc;border-radius:5px;color:#333;cursor:pointer;margin:0 5px;padding:8px 12px}.pagination button.active{background-color:#007bff;color:#fff}.pagination button:hover{background-color:#0056b3;color:#fff}.error{color:red;text-align:center}.content-container{display:flex;gap:20px}.main-content{flex:1 1}.form-table{border-collapse:collapse;margin-bottom:20px;width:100%}.form-table td{padding:8px 12px;vertical-align:middle}.form-table label{display:block;font-weight:700;margin-bottom:5px}.form-table input,.form-table textarea{border:1px solid #ccc;border-radius:4px;box-sizing:border-box;padding:8px;width:100%}.form-table textarea{resize:vertical}.add-product-form{margin:0 auto;max-width:600px}.styled-table{background:#fff;border-collapse:initial;border-radius:12px;border-spacing:0;box-shadow:0 2px 12px #e0e7ef;overflow:hidden;width:100%}.styled-table td,.styled-table th{border-bottom:1px solid #eaeaea;font-size:16px;padding:16px 18px;text-align:left;transition:background .2s,box-shadow .2s}.styled-table tr:last-child td{border-bottom:none}.styled-table tr{transition:box-shadow .2s,background .2s}.styled-table tr:hover{background:#f0f7ff;box-shadow:0 2px 8px #b3d1ff;position:relative;z-index:1}.styled-table td:active,.styled-table td:focus-within{background:#e3f0ff;outline:2px solid #2575fc;outline-offset:-2px}.styled-table input,.styled-table select,.styled-table textarea{border:1px solid #cfd8dc;border-radius:6px;font-size:15px;padding:8px 10px;transition:border .2s,box-shadow .2s;width:100%}.styled-table input:focus,.styled-table select:focus,.styled-table textarea:focus{border:1.5px solid #2575fc;box-shadow:0 0 0 2px #e3f0ff;outline:none}.styled-table label{color:#333;font-weight:500}.checkout-container{margin:20px auto;max-width:1200px;padding:0 20px}.checkout-container .loading-container{align-items:center;display:flex;flex-direction:column;height:300px;justify-content:center}.checkout-container .loading-container .loading-spinner{animation:spin 1s linear infinite;border:4px solid #f3f3f3;border-radius:50%;border-top-color:#3498db;height:40px;margin-bottom:15px;width:40px}.checkout-container .checkout-steps{align-items:center;display:flex;justify-content:center;margin-bottom:30px}.checkout-container .checkout-steps .step{background-color:#f0f0f0;border-radius:20px;font-weight:500;padding:10px 20px}.checkout-container .checkout-steps .step.active{background-color:#ee4d2d;color:#fff}.checkout-container .checkout-steps .step.completed{background-color:#4caf50;color:#fff}.checkout-container .checkout-steps .step-divider{background-color:#ddd;height:2px;margin:0 10px;width:50px}.checkout-container .checkout-wrapper{display:flex;flex-wrap:wrap;gap:30px}@media(max-width:768px){.checkout-container .checkout-wrapper{flex-direction:column}}.checkout-container .checkout-wrapper .checkout-details{background-color:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;flex:1 1;min-width:300px;padding:20px}.checkout-container .checkout-wrapper .checkout-details h2{border-bottom:1px solid #eee;color:#333;font-size:1.5rem;margin-bottom:20px;padding-bottom:10px}.checkout-container .checkout-wrapper .checkout-details .order-items{margin-bottom:20px}.checkout-container .checkout-wrapper .checkout-details .order-items .order-item{border-bottom:1px solid #f0f0f0;display:flex;justify-content:space-between;padding:10px 0}.checkout-container .checkout-wrapper .checkout-details .order-items .order-item .item-name{flex:2 1;font-weight:500}.checkout-container .checkout-wrapper .checkout-details .order-items .order-item .item-quantity{color:#666;flex:1 1;text-align:center}.checkout-container .checkout-wrapper .checkout-details .order-items .order-item .item-price{flex:1 1;font-weight:500;text-align:right}.checkout-container .checkout-wrapper .checkout-details .order-summary{border-top:2px dashed #eee;margin-top:20px;padding-top:15px}.checkout-container .checkout-wrapper .checkout-details .order-summary .summary-row{color:#666;display:flex;justify-content:space-between;margin-bottom:10px}.checkout-container .checkout-wrapper .checkout-details .order-summary .summary-total{border-top:1px solid #eee;color:#ee4d2d;display:flex;font-size:1.2rem;font-weight:700;justify-content:space-between;margin-top:15px;padding-top:15px}.checkout-container .checkout-wrapper .checkout-details .shipping-address{background-color:#f9f9f9;border-radius:6px;margin-top:25px;padding:15px}.checkout-container .checkout-wrapper .checkout-details .shipping-address h3{color:#333;font-size:1.1rem;margin-bottom:10px}.checkout-container .checkout-wrapper .checkout-details .shipping-address p{color:#666;line-height:1.4;margin-bottom:15px}.checkout-container .checkout-wrapper .checkout-details .shipping-address .change-address-btn{background-color:#0000;border:1px solid #ee4d2d;border-radius:4px;color:#ee4d2d;cursor:pointer;font-size:.9rem;padding:8px 15px;transition:all .2s}.checkout-container .checkout-wrapper .checkout-details .shipping-address .change-address-btn:hover{background-color:#ee4d2d1a}.checkout-container .checkout-wrapper .payment-section{background-color:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;flex:1 1;min-width:300px;padding:20px}.checkout-container .checkout-wrapper .payment-section h2{border-bottom:1px solid #eee;color:#333;font-size:1.5rem;margin-bottom:20px;padding-bottom:10px}.checkout-container .checkout-wrapper .payment-section .payment-methods{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));margin-bottom:25px}.checkout-container .checkout-wrapper .payment-section .payment-methods .payment-method{align-items:center;border:2px solid #ddd;border-radius:8px;cursor:pointer;display:flex;flex-direction:column;justify-content:center;padding:15px;transition:all .2s}.checkout-container .checkout-wrapper .payment-section .payment-methods .payment-method svg{font-size:2rem;margin-bottom:10px}.checkout-container .checkout-wrapper .payment-section .payment-methods .payment-method:hover{background-color:#ee4d2d0d;border-color:#ee4d2d}.checkout-container .checkout-wrapper .payment-section .payment-methods .payment-method.selected{background-color:#ee4d2d1a;border-color:#ee4d2d}.checkout-container .checkout-wrapper .payment-section .payment-methods .payment-method.selected svg{color:#ee4d2d}.checkout-container .checkout-wrapper .payment-section .card-payment-form .form-group{margin-bottom:20px}.checkout-container .checkout-wrapper .payment-section .card-payment-form .form-group label{color:#555;display:block;font-weight:500;margin-bottom:8px}.checkout-container .checkout-wrapper .payment-section .card-payment-form .form-group input{border:1px solid #ddd;border-radius:6px;font-size:1rem;padding:12px 15px;transition:border .2s;width:100%}.checkout-container .checkout-wrapper .payment-section .card-payment-form .form-group input:focus{border-color:#ee4d2d;outline:none}.checkout-container .checkout-wrapper .payment-section .card-payment-form .form-row{display:flex;gap:20px}.checkout-container .checkout-wrapper .payment-section .card-payment-form .form-row .half{flex:1 1}.checkout-container .checkout-wrapper .payment-section .other-payment-form .payment-qr{align-items:center;display:flex;flex-direction:column;margin:20px 0 30px}.checkout-container .checkout-wrapper .payment-section .other-payment-form .payment-qr img{border:1px solid #eee;border-radius:8px;margin-bottom:15px}.checkout-container .checkout-wrapper .payment-section .other-payment-form .payment-qr p{color:#666;font-size:.9rem}.checkout-container .checkout-wrapper .payment-section .secondary-button{width:100%}.checkout-container .checkout-wrapper .payment-section .payment-button{background-color:#ee4d2d;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:15px;transition:all .2s;width:100%}.checkout-container .checkout-wrapper .payment-section .payment-button:hover{background-color:#d73211}.checkout-container .checkout-wrapper .payment-section .payment-button:disabled{background-color:#ccc;cursor:not-allowed}.payment-result-container{margin:30px auto;max-width:800px;padding:20px}.payment-result-container .loading-spinner{animation:spin 1s linear infinite;border:4px solid #f3f3f3;border-radius:50%;border-top-color:#3498db;height:40px;margin:50px auto;width:40px}.payment-result-container .result-header{margin-bottom:30px;text-align:center}.payment-result-container .result-header h1{font-size:1.8rem;margin:15px 0}.payment-result-container .result-header p{color:#666;line-height:1.5;margin:0 auto;max-width:500px}.payment-result-container .result-header .success-icon{color:#4caf50;font-size:60px}.payment-result-container .result-header .failed-icon{color:#f44336;font-size:60px}.payment-result-container.success .invoice-container{background-color:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;margin-bottom:30px;padding:25px}.payment-result-container.success .invoice-container .invoice-header{border-bottom:1px solid #eee;display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:15px}.payment-result-container.success .invoice-container .invoice-header .invoice-title{align-items:center;display:flex}.payment-result-container.success .invoice-container .invoice-header .invoice-title h2{margin:0 10px 0 0}.payment-result-container.success .invoice-container .invoice-header .invoice-title .invoice-id{color:#666;font-size:.9rem}.payment-result-container.success .invoice-container .invoice-header .invoice-date{color:#666}.payment-result-container.success .invoice-container .invoice-details{display:flex;gap:30px;margin-bottom:25px}@media(max-width:600px){.payment-result-container.success .invoice-container .invoice-details{flex-direction:column;gap:15px}}.payment-result-container.success .invoice-container .invoice-details .invoice-section{flex:1 1}.payment-result-container.success .invoice-container .invoice-details .invoice-section h3{border-bottom:1px dashed #eee;color:#333;font-size:1.1rem;margin-bottom:12px;margin-top:0;padding-bottom:8px}.payment-result-container.success .invoice-container .invoice-details .invoice-section p{color:#555;margin:8px 0}.payment-result-container.success .invoice-container .invoice-details .invoice-section p strong{color:#333}.payment-result-container.success .invoice-container .invoice-items{margin-bottom:25px}.payment-result-container.success .invoice-container .invoice-items h3{color:#333;font-size:1.1rem;margin-bottom:15px;margin-top:0}.payment-result-container.success .invoice-container .invoice-items table{border-collapse:collapse;width:100%}.payment-result-container.success .invoice-container .invoice-items table td,.payment-result-container.success .invoice-container .invoice-items table th{border-bottom:1px solid #eee;padding:12px;text-align:left}.payment-result-container.success .invoice-container .invoice-items table th{background-color:#f9f9f9;color:#333;font-weight:600}.payment-result-container.success .invoice-container .invoice-items table td{color:#555}.payment-result-container.success .invoice-container .invoice-items table tr:last-child td{border-bottom:none}.payment-result-container.success .invoice-container .invoice-summary{background-color:#f9f9f9;border-radius:6px;padding:20px}.payment-result-container.success .invoice-container .invoice-summary .summary-row{color:#666;display:flex;justify-content:space-between;margin-bottom:12px}.payment-result-container.success .invoice-container .invoice-summary .summary-total{border-top:1px solid #ddd;color:#ee4d2d;display:flex;font-size:1.2rem;font-weight:700;justify-content:space-between;margin-top:15px;padding-top:15px}.payment-result-container.failed .error-container{background-color:#fff5f5;border-left:4px solid #f44336;border-radius:4px;margin-bottom:30px;padding:20px}.payment-result-container.failed .error-container h3{color:#333;font-size:1.1rem;margin-bottom:15px;margin-top:0}.payment-result-container.failed .error-container ul{color:#666;line-height:1.6;margin-left:20px}.payment-result-container.failed .error-container ul li{margin-bottom:8px}.payment-result-container .action-buttons{display:flex;flex-wrap:wrap;gap:15px;justify-content:center;margin-top:30px}.payment-result-container .action-buttons button{align-items:center;border-radius:6px;cursor:pointer;display:flex;font-size:1rem;font-weight:500;justify-content:center;padding:12px 25px;transition:all .2s}.payment-result-container .action-buttons button svg{margin-right:8px}.payment-result-container .action-buttons button.primary-button{background-color:#ee4d2d;border:none;color:#fff}.payment-result-container .action-buttons button.primary-button:hover{background-color:#d73211}.payment-result-container .action-buttons button.secondary-button{background-color:#fff;border:1px solid #ddd;color:#555}.payment-result-container .action-buttons button.secondary-button:hover{background-color:#f5f5f5;border-color:#ccc}.payment-history-container{background-color:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;padding:25px}.payment-history-container h2{border-bottom:1px solid #eee;color:#333;font-size:1.5rem;margin-bottom:25px;margin-top:0;padding-bottom:15px}.payment-history-container .loading-container{align-items:center;display:flex;flex-direction:column;padding:40px 0}.payment-history-container .loading-container .loading-spinner{animation:spin 1s linear infinite;border:4px solid #f3f3f3;border-radius:50%;border-top-color:#3498db;height:30px;margin-bottom:15px;width:30px}.payment-history-container .loading-container p{color:#666}.payment-history-container .empty-state{color:#666;padding:40px 0;text-align:center}.payment-history-container .filter-section{display:flex;flex-wrap:wrap;gap:15px;margin-bottom:25px}.payment-history-container .filter-section .search-bar{align-items:center;background-color:#f9f9f9;border:1px solid #ddd;border-radius:6px;display:flex;flex:3 1;min-width:250px;padding:0 15px}.payment-history-container .filter-section .search-bar svg{color:#777;margin-right:10px}.payment-history-container .filter-section .search-bar input{background:#0000;border:none;flex:1 1;font-size:.95rem;outline:none;padding:12px 0}.payment-history-container .filter-section .filter-dropdown{align-items:center;background-color:#f9f9f9;border:1px solid #ddd;border-radius:6px;display:flex;flex:1 1;min-width:180px;padding:0 15px}.payment-history-container .filter-section .filter-dropdown svg{color:#777;margin-right:10px}.payment-history-container .filter-section .filter-dropdown select{-webkit-appearance:none;appearance:none;background:#0000;border:none;cursor:pointer;flex:1 1;font-size:.95rem;outline:none;padding:12px 0;width:100%}.payment-history-container .payment-table-container{overflow-x:auto}.payment-history-container .payment-table-container .payment-table{border-collapse:collapse;width:100%}.payment-history-container .payment-table-container .payment-table td,.payment-history-container .payment-table-container .payment-table th{border-bottom:1px solid #eee;padding:15px;text-align:left}.payment-history-container .payment-table-container .payment-table th{background-color:#f9f9f9;color:#333;font-weight:600}.payment-history-container .payment-table-container .payment-table td{color:#555}.payment-history-container .payment-table-container .payment-table tr:hover{background-color:#f9f9f9}.payment-history-container .payment-table-container .payment-table .status-badge{border-radius:12px;display:inline-block;font-size:.85rem;font-weight:500;padding:5px 10px}.payment-history-container .payment-table-container .payment-table .status-badge.success{background-color:#e6f7e6;color:#2e7d32}.payment-history-container .payment-table-container .payment-table .status-badge.pending{background-color:#fff8e1;color:#ff8f00}.payment-history-container .payment-table-container .payment-table .status-badge.failed{background-color:#ffebee;color:#c62828}.payment-history-container .payment-table-container .payment-table .action-button{align-items:center;border:none;border-radius:4px;cursor:pointer;display:inline-flex;font-size:.85rem;padding:6px 12px;transition:all .2s}.payment-history-container .payment-table-container .payment-table .action-button svg{margin-right:5px}.payment-history-container .payment-table-container .payment-table .action-button.view-invoice{background-color:#e3f2fd;color:#1976d2}.payment-history-container .payment-table-container .payment-table .action-button.view-invoice:hover{background-color:#cbe7fb}.payment-history-container .payment-table-container .payment-table .action-button.view-invoice:disabled{cursor:not-allowed;opacity:.5}.payment-history-container .payment-table-container .payment-table .action-button.retry-payment{background-color:#ffebee;color:#c62828}.payment-history-container .payment-table-container .payment-table .action-button.retry-payment:hover{background-color:#ffd2d8}.payment-history-container .payment-table-container .payment-table .processing-text{color:#ff8f00;font-size:.9rem;font-style:italic}.order-listing-container{background-color:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;padding:25px}.order-listing-container h2{border-bottom:1px solid #eee;color:#333;font-size:1.5rem;margin-bottom:25px;margin-top:0;padding-bottom:15px}.order-listing-container .loading-container{align-items:center;display:flex;flex-direction:column;padding:40px 0}.order-listing-container .loading-container .loading-spinner{animation:spin 1s linear infinite;border:4px solid #f3f3f3;border-radius:50%;border-top-color:#3498db;height:30px;margin-bottom:15px;width:30px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.order-listing-container .loading-container p{color:#666}.order-listing-container .empty-state{color:#666;padding:40px 0;text-align:center}.order-listing-container .filter-section{display:flex;flex-wrap:wrap;gap:15px;margin-bottom:25px}.order-listing-container .filter-section .search-bar{align-items:center;background-color:#f9f9f9;border:1px solid #ddd;border-radius:6px;display:flex;flex:3 1;min-width:250px;padding:0 15px}.order-listing-container .filter-section .search-bar svg{color:#777;margin-right:10px}.order-listing-container .filter-section .search-bar input{background:#0000;border:none;flex:1 1;font-size:.95rem;outline:none;padding:12px 0}.order-listing-container .filter-section .filter-dropdown{align-items:center;background-color:#f9f9f9;border:1px solid #ddd;border-radius:6px;display:flex;flex:1 1;min-width:180px;padding:0 15px}.order-listing-container .filter-section .filter-dropdown svg{color:#777;margin-right:10px}.order-listing-container .filter-section .filter-dropdown select{-webkit-appearance:none;appearance:none;background:#0000;border:none;cursor:pointer;flex:1 1;font-size:.95rem;outline:none;padding:12px 0;width:100%}.order-listing-container .order-table-container{overflow-x:auto}.order-listing-container .order-table-container .order-table{border-collapse:collapse;width:100%}.order-listing-container .order-table-container .order-table td,.order-listing-container .order-table-container .order-table th{border-bottom:1px solid #eee;padding:15px;text-align:left}.order-listing-container .order-table-container .order-table th{background-color:#f9f9f9;color:#333;font-weight:600}.order-listing-container .order-table-container .order-table td{color:#555}.order-listing-container .order-table-container .order-table tr:hover{background-color:#f9f9f9}.order-listing-container .order-table-container .order-table .status-badge{border-radius:12px;display:inline-block;font-size:.85rem;font-weight:500;padding:5px 10px}.order-listing-container .order-table-container .order-table .status-badge.success{background-color:#e6f7e6;color:#2e7d32}.order-listing-container .order-table-container .order-table .status-badge.pending{background-color:#fff8e1;color:#ff8f00}.order-listing-container .order-table-container .order-table .status-badge.processing{background-color:#e3f2fd;color:#1976d2}.order-listing-container .order-table-container .order-table .status-badge.failed{background-color:#ffebee;color:#c62828}.order-listing-container .order-table-container .order-table .action-button{align-items:center;border:none;border-radius:4px;cursor:pointer;display:inline-flex;font-size:.85rem;margin-right:8px;padding:6px 12px;transition:all .2s}.order-listing-container .order-table-container .order-table .action-button svg{margin-right:5px}.order-listing-container .order-table-container .order-table .action-button.view-details{background-color:#e3f2fd;color:#1976d2}.order-listing-container .order-table-container .order-table .action-button.view-details:hover{background-color:#cbe7fb}.order-listing-container .order-table-container .order-table .action-button.payment{background-color:#e8f5e9;color:#2e7d32}.order-listing-container .order-table-container .order-table .action-button.payment:hover{background-color:#d6edd8}.order-listing-container .order-table-container .order-table .action-button.cancel{background-color:#ffebee;color:#c62828}.order-listing-container .order-table-container .order-table .action-button.cancel:hover{background-color:#ffd2d8}.order-listing-container .order-table-container .order-table .action-button.primary{background-color:#1976d2;color:#fff}.order-listing-container .order-table-container .order-table .action-button.primary:hover{background-color:#1669bb}.order-listing-container .order-details .order-header{margin-bottom:20px}.order-listing-container .order-details .order-header h3{color:#333;margin-bottom:5px}.order-listing-container .order-details .order-header p{color:#666;margin:0}.order-listing-container .order-details .order-address,.order-listing-container .order-details .order-items,.order-listing-container .order-details .order-status{margin-bottom:25px}.order-listing-container .order-details .order-address h4,.order-listing-container .order-details .order-items h4,.order-listing-container .order-details .order-status h4{border-bottom:1px solid #eee;color:#333;font-size:1.1rem;margin-bottom:10px;padding-bottom:5px}.order-listing-container .order-details .order-summary{background-color:#f9f9f9;border-radius:6px;margin:20px 0;padding:15px}.order-listing-container .order-details .order-summary .summary-item{display:flex;justify-content:space-between;padding:8px 0}.order-listing-container .order-details .order-summary .summary-item.total{border-top:1px solid #ddd;font-size:1.1rem;font-weight:700;margin-top:8px;padding-top:12px}.order-listing-container .order-details .order-status .status-item{align-items:center;display:flex;justify-content:space-between;padding:8px 0}.setting-page{margin:20px auto;max-width:1200px;padding:0 20px}.setting-page .setting-container{display:flex;gap:20px}@media(max-width:768px){.setting-page .setting-container{flex-direction:column}}.setting-page .setting-container .setting-content{flex:1 1;min-width:0}
/*# sourceMappingURL=main.5edb6dae.css.map*/