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}.diagnosis-panel-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.diagnosis-panel{background-color:#fff;border-radius:12px;box-shadow:0 4px 20px #00000026;max-height:80vh;max-width:600px;overflow-y:auto;width:90%}.panel-header{align-items:center;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:20px}.panel-header h2{color:#4f46e5;margin:0}.close-btn{background:none;border:none;color:#718096;cursor:pointer;font-size:24px}.close-btn:hover{color:#4a5568}.panel-content{padding:20px}.diagnose-btn{background:linear-gradient(135deg,#4f46e5,#7c3aed);border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:600;margin:15px 0;padding:12px 20px;transition:all .2s;width:100%}.diagnose-btn:hover:not(:disabled){box-shadow:0 4px 12px #4f46e54d;transform:translateY(-2px)}.diagnose-btn:disabled{cursor:not-allowed;opacity:.7}.results-container{margin:20px 0}.results-container h3{color:#2d3748;margin-bottom:15px}.result-item{border-radius:8px;margin-bottom:10px;padding:15px}.result-item.success{background-color:#f0fff4;border-left:4px solid #48bb78}.result-item.error{background-color:#fff5f5;border-left:4px solid #f56565}.result-item.warning{background-color:#fffaf0;border-left:4px solid #ecc94b}.result-message{font-weight:600;margin-bottom:5px}.result-details{color:#718096;font-size:14px}.solutions-section{background-color:#f7fafc;border-radius:8px;margin-top:20px;padding:15px}.solutions-section h3{color:#2d3748;margin-top:0}.solutions-section ul{margin-bottom:0;padding-right:20px}.solutions-section li{line-height:1.5;margin-bottom:8px}.solutions-section code{background-color:#edf2f7;border-radius:4px;font-family:monospace;padding:2px 6px}.admin-orders-container{margin:0 auto;max-width:1200px;padding:20px}.admin-header{margin-bottom:30px}.admin-header h1{color:#2c5aa0}.orders-stats{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:30px}.stat-card{background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000001a;cursor:pointer;text-align:center;transition:transform .3s ease}.stat-card:hover{transform:translateY(-5px)}.stat-card h3{font-size:2.5rem;margin-bottom:10px}.orders-filter{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:20px}.orders-filter button{background:#fff;border:2px solid #e2e8f0;border-radius:8px;cursor:pointer;padding:10px 20px;transition:all .3s ease}.orders-filter button.active{background:#007bff;border-color:#007bff;color:#fff}.orders-filter button:hover{border-color:#007bff}.orders-list{display:flex;flex-direction:column;gap:20px}.order-card{background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000001a;padding:20px}.order-header{align-items:center;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;margin-bottom:15px;padding-bottom:15px}.order-info h4{color:#2c5aa0;margin:0}.order-date{color:#666;font-size:14px}.order-status{border-radius:20px;color:#fff;font-size:14px;font-weight:700;padding:4px 12px}.customer-info,.order-details,.order-items{margin-bottom:15px}.customer-info h5,.order-items h5{color:#333;margin:0 0 10px}.order-item{border-bottom:1px solid #f1f1f1;display:flex;justify-content:space-between;padding:5px 0}.order-total{color:#2c5aa0;font-size:18px;margin-top:10px;text-align:right}.order-actions{display:flex;flex-wrap:wrap;gap:10px}.order-actions button{border:none;border-radius:6px;cursor:pointer;font-size:14px;padding:8px 16px}.btn-confirm{background:#10b981;color:#fff}.btn-cancel{background:#ef4444;color:#fff}.btn-complete{background:#059669;color:#fff}.btn-details{background:#3b82f6;color:#fff}.order-modal{background:#fff;border-radius:12px;max-height:80vh;max-width:600px;overflow-y:auto;width:90%}.modal-header{align-items:center;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:20px}.modal-header h3{color:#2c5aa0;margin:0}.modal-header button{background:none;border:none;cursor:pointer;font-size:20px}.modal-content{padding:20px}.modal-section{margin-bottom:20px}.modal-section h4{color:#333;margin:0 0 10px}.modal-item{align-items:center;border-bottom:1px solid #f1f1f1;display:flex;gap:15px;padding:10px 0}.modal-item img{border-radius:6px;height:50px;object-fit:cover;width:50px}.item-details{flex:1 1}.item-total{color:#2c5aa0}.modal-actions select{border:2px solid #e2e8f0;border-radius:6px;font-size:16px;padding:10px;width:100%}@media (max-width:768px){.orders-stats{grid-template-columns:repeat(2,1fr)}.order-header{align-items:flex-start;flex-direction:column;gap:10px}.modal-item{flex-direction:column;text-align:center}}.cart-container{background:#f8fafc;min-height:100vh;padding:80px 0}.cart-header{align-items:center;border-bottom:2px solid #e2e8f0;display:flex;justify-content:space-between;margin-bottom:40px;padding-bottom:20px}.cart-header h1{color:#1a202c;font-size:2.5rem;margin:0}.items-count{background:#667eea;border-radius:20px;color:#fff;font-weight:600;padding:8px 16px}.cart-content{grid-gap:40px;display:grid;gap:40px;grid-template-columns:1fr 400px}.cart-items{gap:20px}.cart-item{grid-gap:20px;background:#fff;border-radius:15px;box-shadow:0 4px 15px #00000014;display:grid;gap:20px;grid-template-columns:100px 1fr auto auto auto;padding:20px}.item-image img{border-radius:10px;height:80px;object-fit:cover;width:80px}.item-details h3{color:#1a202c;font-size:1.1rem;margin:0 0 8px}.item-category{color:#64748b;font-size:.9rem;margin-bottom:5px}.item-price{color:#667eea;font-weight:600}.item-quantity{background:#f1f5f9;border-radius:10px;gap:12px;padding:8px 12px}.item-quantity button{background:#667eea;font-weight:700}.item-quantity button:disabled{background:#cbd5e0;cursor:not-allowed}.item-total{color:#1a202c;font-size:1.1rem}.remove-item{background:none;border:none;cursor:pointer;font-size:1.2rem;padding:5px}.cart-summary{height:-webkit-fit-content;height:fit-content;position:-webkit-sticky;position:sticky;top:100px}.summary-card{background:#fff;border-radius:20px;box-shadow:0 10px 30px #0000001a;padding:30px}.summary-card h3{border-bottom:2px solid #e2e8f0;color:#1a202c;font-size:1.4rem;margin:0 0 25px;padding-bottom:15px;text-align:center}.summary-row{align-items:center;display:flex;justify-content:space-between;margin-bottom:15px;padding:10px 0}.summary-row.total{border-top:2px solid #e2e8f0;color:#667eea;font-size:1.2rem;font-weight:700}.checkout-btn{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;display:block;font-weight:600;margin:20px 0;text-align:center;text-decoration:none;transition:all .3s ease}.checkout-btn:hover{box-shadow:0 8px 25px #667eea4d;transform:translateY(-2px)}.clear-cart-btn{background:#e53e3e;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;margin-bottom:15px;padding:12px;transition:all .3s ease;width:100%}.clear-cart-btn:hover{background:#c53030}.continue-shopping-link{color:#667eea;display:block;font-weight:600;text-align:center;text-decoration:none;transition:color .3s ease}.continue-shopping-link:hover{color:#764ba2}.empty-cart{padding:80px 20px;text-align:center}.empty-cart-icon{font-size:4rem;margin-bottom:20px}.empty-cart h2{color:#1a202c;margin-bottom:15px}.empty-cart p{color:#64748b;margin-bottom:30px}.continue-shopping-btn{background:#667eea;border-radius:25px;color:#fff;display:inline-block;font-weight:600;padding:12px 30px;text-decoration:none;transition:all .3s ease}.continue-shopping-btn:hover{background:#5a67d8;transform:translateY(-2px)}@media (max-width:1024px){.cart-content{gap:30px;grid-template-columns:1fr}.cart-summary{position:static}}@media (max-width:768px){.cart-item{gap:15px;grid-template-columns:80px 1fr}.item-quantity,.item-total,.remove-item{grid-column:1/-1;justify-self:center}.cart-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.clear-cart-btn{background:#f56565;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.9rem;padding:8px 16px;transition:background .3s ease}.clear-cart-btn:hover{background:#e53e3e}.empty-cart{color:#64748b;padding:40px 20px;text-align:center}.empty-cart-icon{font-size:3rem;margin-bottom:15px}.cart-actions{display:flex;gap:15px;margin-top:20px}.syncing-indicator{align-items:center;background:#38a169;border-radius:8px;box-shadow:0 4px 12px #00000026;color:#fff;display:flex;gap:10px;padding:10px 15px;position:fixed;right:20px;top:20px;z-index:1000}.syncing-spinner{animation:spin 1s linear infinite;border:2px solid #0000;border-radius:50%;border-top-color:#fff;height:16px;width:16px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (max-width:768px){.cart-header{align-items:stretch;flex-direction:column;gap:10px}.clear-cart-btn{align-self:flex-end}}}.checkout-container{background:#f8fafc;min-height:100vh;padding:80px 0}.checkout-header{align-items:center;border-bottom:2px solid #e2e8f0;display:flex;justify-content:space-between;margin-bottom:40px;padding-bottom:20px}.checkout-header h1{color:#1a202c;font-size:2.5rem;margin:0}.steps{background:#667eea;border-radius:20px;color:#fff;font-weight:600;padding:8px 16px}.checkout-content{grid-gap:40px;display:grid;gap:40px;grid-template-columns:1fr 1fr}.order-summary{background:#fff;border-radius:20px;box-shadow:0 10px 30px #0000001a;height:-webkit-fit-content;height:fit-content;padding:30px}.order-summary h3{border-bottom:2px solid #e2e8f0;color:#1a202c;font-size:1.4rem;margin:0 0 25px;padding-bottom:15px;text-align:center}.order-items{margin-bottom:25px}.order-item{grid-gap:15px;align-items:center;border-bottom:1px solid #e2e8f0;display:grid;gap:15px;grid-template-columns:60px 1fr auto;padding:15px 0}.order-item:last-child{border-bottom:none}.order-item img{border-radius:8px;height:50px;object-fit:cover;width:50px}.item-info h4{color:#1a202c;font-size:1rem;margin:0 0 5px}.item-info span{color:#64748b;font-size:.9rem}.item-total{color:#667eea;font-weight:600}.order-total{border-top:2px solid #e2e8f0;padding-top:20px}.total-row{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px;padding:8px 0}.total-row.final{border-top:1px solid #e2e8f0;color:#667eea;font-size:1.2rem;font-weight:700}.checkout-form{background:#fff;border-radius:20px;box-shadow:0 10px 30px #0000001a;padding:30px}.checkout-form h3{border-bottom:2px solid #e2e8f0;color:#1a202c;font-size:1.4rem;margin:0 0 25px;padding-bottom:15px;text-align:center}.form-group label{color:#1a202c}.form-group input,.form-group select{border:2px solid #e2e8f0;font-size:1rem;padding:12px 15px;transition:border-color .3s ease}.form-group input:focus,.form-group select:focus{border-color:#667eea}.submit-order-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;margin-top:25px;padding:16px;transition:all .3s ease;width:100%}.submit-order-btn:hover{box-shadow:0 8px 25px #667eea4d;transform:translateY(-2px)}.empty-checkout{padding:100px 20px;text-align:center}.empty-checkout h2{color:#1a202c;margin-bottom:15px}.empty-checkout p{color:#64748b}.order-success{background:#fff;border-radius:20px;box-shadow:0 10px 30px #0000001a;margin:40px 0;padding:80px 20px;text-align:center}.order-success h2{color:#38a169;font-size:2rem;margin-bottom:15px}.order-success p{color:#4a5568;font-size:1.1rem;margin-bottom:10px}.back-to-home{background:#667eea;border-radius:25px;color:#fff;display:inline-block;font-weight:600;margin-top:30px;padding:12px 30px;text-decoration:none;transition:all .3s ease}.back-to-home:hover{background:#5a67d8;transform:translateY(-2px)}@media (max-width:1024px){.checkout-content{gap:30px}.checkout-content,.form-grid{grid-template-columns:1fr}}@media (max-width:768px){.checkout-header{flex-direction:column;gap:15px;text-align:center}.order-item{gap:12px;grid-template-columns:50px 1fr}.item-total{grid-column:1/-1;text-align:center}}.hosting-request-container{background:linear-gradient(135deg,#f8fafc,#fff);min-height:100vh;padding:80px 0}.container{max-width:1000px}.page-header h1{font-size:2.8rem}.hosting-form{border-radius:20px;box-shadow:0 10px 30px #0000001a;padding:40px}.form-section{border-bottom:2px solid #f1f5f9;margin-bottom:40px;padding-bottom:30px}.form-section:last-of-type{border-bottom:none;margin-bottom:30px}.form-section h3{border-bottom:2px solid #667eea;color:#2d3748;display:inline-block;font-size:1.4rem;margin-bottom:25px}.form-group label{font-size:.95rem}.form-group input,.form-group select,.form-group textarea{background:#fff;border:2px solid #e2e8f0;border-radius:10px}.form-group textarea{min-height:100px}.submit-button{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;margin-top:20px;padding:16px;transition:all .3s ease;width:100%}.submit-button:hover:not(:disabled){background:linear-gradient(135deg,#5a67d8,#6b46c1)}.submit-button:disabled{background:#cbd5e0;cursor:not-allowed}.success-message{background:#fff;border-radius:20px;box-shadow:0 10px 30px #0000001a;margin:0 auto;max-width:600px;padding:60px 40px}.success-icon{font-size:4rem;margin-bottom:25px}.success-message h2{color:#38a169;font-size:2rem;margin-bottom:15px}.success-message p{color:#4a5568;font-size:1.1rem;line-height:1.6;margin-bottom:30px}.back-button{background:#667eea;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:12px 30px;transition:all .3s ease}.back-button:hover{background:#5a67d8}@media (max-width:768px){.hosting-request-container{padding:60px 0}.page-header h1{font-size:2.2rem}.page-header p{font-size:1rem}.hosting-form{padding:25px 20px}.form-grid{grid-template-columns:1fr}.form-section h3{font-size:1.2rem}}@media (max-width:480px){.container{padding:0 15px}.page-header h1{font-size:1.8rem}.success-message{padding:40px 20px}.success-message h2{font-size:1.5rem}}:root{--primary:#4361ee;--secondary:#3a0ca3;--success:#4cc9f0;--warning:#f72585;--light:#f8f9fa;--dark:#212529}body,html{overflow-x:hidden}article,aside,body,button,div,footer,header,html,input,main,nav,section,select,textarea{max-width:100%}table{display:block;overflow-x:auto;width:100%}embed,iframe,img,object,video{height:auto;max-width:100%}*{box-sizing:border-box;margin:0;padding:0}body{background-color:#f5f5f5;color:#212529;color:var(--dark);direction:rtl;font-family:Cairo,Tajawal,sans-serif;line-height:1.6}.App{min-height:100vh}.btn{padding:10px 20px}.btn-primary{background-color:#4361ee;background-color:var(--primary)}.btn-primary:hover{background-color:#3a0ca3;background-color:var(--secondary);box-shadow:0 4px 8px #0000001a;transform:translateY(-2px)}.card{background:#fff;border-radius:12px;box-shadow:0 4px 12px #0000000d;padding:20px;transition:all .3s ease}.card:hover{box-shadow:0 8px 24px #0000001a;transform:translateY(-5px)}.fade-in{animation:fadeIn .5s ease-in}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.slide-in{animation:slideIn .3s ease-out}@keyframes slideIn{0%{transform:translateX(100%)}to{transform:translateX(0)}}@media (max-width:768px){.cashier-container{flex-direction:column}.cart,.product-selection{width:100%!important}}.cashier-panel{flex-direction:column;padding:20px}.cashier-container,.cashier-panel{display:flex;gap:20px}.product-selection{flex:2 1}.cart{background:#fff;border-radius:12px;box-shadow:0 4px 12px #0000000d;flex:1 1;padding:20px}.products-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));margin-top:20px}.product-card{cursor:pointer}.product-card img{height:150px;object-fit:cover;width:100%}.product-details{padding:15px}.hero-section{background:linear-gradient(135deg,#667eea,#764ba2);flex-direction:column;min-height:100vh;overflow:hidden;position:relative}.hero-background{z-index:-2}.hero-background,.hero-background:before{height:100%;left:0;position:absolute;top:0;width:100%}.hero-background:before{background-image:radial-gradient(circle at 20% 80%,#ffffff26 0,#0000 40%),radial-gradient(circle at 80% 20%,#ffffff1a 0,#0000 40%);content:"";z-index:-1}.hero-overlay{background:url("data:image/svg+xml;charset=utf-8,%3Csvg width='100' height='100' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11 18a7 7 0 1 0 0-14 7 7 0 0 0 0 14zm48 25a7 7 0 1 0 0-14 7 7 0 0 0 0 14zm-43-7a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm63 31a3 3 0 1 0 0-6 3 3 0 0 0 0 6zM34 90a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm56-76a3 3 0 1 0 0-6 3 3 0 0 0 0 6zM12 86c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm28-65c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm23-11c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-6 60c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm29 22c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zM32 63c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm57-13c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-9-21a2 2 0 1 0 .001-3.999A2 2 0 0 0 80 29zM60 91a2 2 0 1 0 .001-3.999A2 2 0 0 0 60 91zM35 41a2 2 0 1 0 .001-3.999A2 2 0 0 0 35 41zM12 60a2 2 0 1 0 .001-3.999A2 2 0 0 0 12 60z' fill='%23fff' fill-opacity='.1' fill-rule='evenodd'/%3E%3C/svg%3E");height:100%;left:0;opacity:.3;position:absolute;top:0;width:100%}.hero-container{align-items:center;display:flex;flex:1 1;gap:60px;justify-content:space-between;margin:0 auto;max-width:1400px;padding:100px 5% 80px;width:100%}.hero-content{color:#fff;max-width:600px;z-index:2}.hero-title{font-size:3.8rem;font-weight:800;line-height:1.2;margin-bottom:25px;text-shadow:2px 2px 4px #0000004d}.hero-title .highlight{color:#ffd166;text-shadow:0 0 20px #ffd16680}.hero-subtitle{font-size:1.4rem;font-weight:300;line-height:1.7;margin-bottom:45px;opacity:.95}.hero-buttons{display:flex;flex-wrap:wrap;gap:20px;margin-bottom:40px}.btn{border-radius:50px;font-size:1.1rem;font-weight:700;gap:12px;padding:16px 35px;text-decoration:none}.btn-primary{background:linear-gradient(135deg,#ffd166,#ff9e6d);box-shadow:0 8px 25px #ffd16666;color:#2d3748}.btn-primary:hover{box-shadow:0 12px 35px #ffd16699;transform:translateY(-3px)}.btn-secondary{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0000;border:2px solid #ffffff4d}.btn-secondary:hover{background:#ffffff1a;border-color:#fff}.hero-image{flex-shrink:0;position:relative;z-index:2}.main-hero-image{border:4px solid #ffffff1a;border-radius:30px;box-shadow:0 25px 50px #0000004d;height:500px;object-fit:cover;width:500px}.hero-features{flex-wrap:wrap;gap:30px}.feature-item{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:25px;display:flex;gap:10px;padding:12px 20px}.feature-icon{font-size:1.2rem}.hero-wave{bottom:0;color:#fff;height:120px;left:0;position:absolute;width:100%}.hero-wave svg{height:100%;width:100%}@media (max-width:1024px){.hero-container{flex-direction:column;gap:40px;text-align:center}.hero-title{font-size:3rem}.main-hero-image{height:400px;width:400px}.hero-buttons,.hero-features{justify-content:center}}@media (max-width:768px){.hero-title{font-size:2.5rem}.hero-subtitle{font-size:1.2rem}.main-hero-image{height:300px;width:300px}.btn{font-size:1rem;padding:14px 25px}.feature-item{font-size:.9rem;padding:10px 16px}}.features-grid{grid-gap:30px;gap:30px;margin:0 auto;max-width:1200px;padding:0 20px}.feature{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#ffffff1a;border:1px solid #fff3;border-radius:20px;color:#fff;padding:30px 20px;text-align:center;transition:all .3s ease}.feature:hover{background:#ffffff26;transform:translateY(-5px)}.feature h3{font-size:1.5rem;font-weight:600;margin-bottom:15px}.feature p{line-height:1.6;opacity:.8}@media (max-width:1024px){.hero-container{flex-direction:column;padding:120px 5% 60px;text-align:center}.hero-content{margin-bottom:60px}.hero-title{font-size:2.8rem}.floating-images{height:350px;max-width:500px;width:100%}}@media (max-width:768px){.hero-title{font-size:2.2rem}.hero-subtitle{font-size:1.1rem}.hero-buttons{justify-content:center}.btn{font-size:1rem;padding:12px 25px}.floating-images{height:300px}.floating-image.cat{height:150px;width:150px}.floating-image.dog{height:170px;width:170px}.floating-image.food{height:130px;width:130px}.features-grid{grid-template-columns:1fr}}@media (max-width:480px){.hero-title{font-size:1.8rem}.hero-buttons{align-items:center;flex-direction:column}.btn{justify-content:center;max-width:250px;width:100%}.floating-images{height:250px}.floating-image.cat{height:120px;width:120px}.floating-image.dog{height:140px;width:140px}.floating-image.food{height:100px;width:100px}.featured-products{align-items:center;background:linear-gradient(135deg,#f8fafc,#fff);display:flex;min-height:100vh;padding:80px 0}.container{margin:0 auto;max-width:1200px;padding:0 20px;width:100%}.section-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;color:#1a202c;font-size:2.8rem;font-weight:800;margin-bottom:20px;position:relative;text-align:center}.section-title:after{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:2px;bottom:-15px;content:"";height:4px;left:50%;position:absolute;transform:translateX(-50%);width:100px}.section-subtitle{color:#64748b;font-size:1.2rem;font-weight:400;line-height:1.6;margin-bottom:60px;margin-left:auto;margin-right:auto;max-width:600px;text-align:center}.products-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:60px}.product-card{background:#fff;border:1px solid #e2e8f0;border-radius:20px;box-shadow:0 10px 30px #00000014;display:flex;flex-direction:column;overflow:hidden;position:relative;transition:all .3s ease}.product-card:hover{box-shadow:0 20px 50px #0000001f;transform:translateY(-8px)}.product-image{height:250px;overflow:hidden;position:relative}.product-image img{height:100%;object-fit:cover;transition:transform .5s ease;width:100%}.product-card:hover .product-image img{transform:scale(1.1)}.product-overlay{align-items:center;background:linear-gradient(135deg,#667eead9,#764ba2d9);display:flex;height:100%;justify-content:center;left:0;opacity:0;position:absolute;top:0;transition:opacity .3s ease;width:100%}.product-card:hover .product-overlay{opacity:1}.quick-view{align-items:center;background:#fff;border:none;border-radius:50px;box-shadow:0 5px 15px #00000026;color:#667eea;cursor:pointer;display:flex;font-size:.95rem;font-weight:600;gap:8px;padding:12px 24px;transition:all .3s ease}.quick-view:hover{background:#f8fafc;transform:scale(1.05)}.discount-badge,.new-badge{border-radius:20px;color:#fff;font-size:.8rem;font-weight:700;padding:5px 12px;position:absolute;top:15px;z-index:2}.new-badge{background:linear-gradient(135deg,#48bb78,#38a169);left:15px}.discount-badge{background:linear-gradient(135deg,#f56565,#e53e3e);right:15px}.product-info{display:flex;flex-direction:column;flex-grow:1;padding:25px}.product-info h3{color:#1a202c;font-size:1.3rem;font-weight:700;line-height:1.3;margin-bottom:12px}.product-description{color:#64748b;flex-grow:1;font-size:.95rem;line-height:1.6;margin-bottom:20px}.product-meta{align-items:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;margin-bottom:20px}.product-category{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:16px;color:#fff;font-size:.8rem;font-weight:600;padding:5px 12px}.product-rating{align-items:center;color:#f59e0b;display:flex;font-size:.9rem;font-weight:700;gap:4px}.star-icon{fill:#f59e0b}.product-footer{align-items:center;border-top:1px solid #f1f5f9;display:flex;gap:15px;justify-content:space-between;padding-top:20px}.price-container{align-items:flex-start;display:flex;flex-direction:column}.product-price{color:#667eea;font-family:Arial,sans-serif;font-size:1.4rem;font-weight:800}.original-price{color:#a0aec0;font-size:.9rem;margin-bottom:2px;text-decoration:line-through}.add-to-cart{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:10px;box-shadow:0 4px 12px #667eea40;color:#fff;cursor:pointer;display:flex;font-size:.9rem;font-weight:600;gap:8px;padding:12px 20px;transition:all .3s ease;white-space:nowrap}.add-to-cart:hover{box-shadow:0 6px 20px #667eea59;transform:translateY(-2px)}.add-to-cart.added{background:linear-gradient(135deg,#48bb78,#38a169)}.view-all-container{margin-top:40px;text-align:center}.view-all-btn{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50px;box-shadow:0 6px 20px #667eea4d;color:#fff;display:inline-flex;font-size:1rem;font-weight:700;gap:10px;overflow:hidden;padding:15px 40px;position:relative;text-decoration:none;transition:all .3s ease}.view-all-btn:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.view-all-btn:hover:before{left:100%}.view-all-btn:hover{box-shadow:0 10px 30px #667eea66;transform:translateY(-3px)}.quick-view-modal{align-items:center;display:flex;justify-content:center;padding:20px;position:fixed;z-index:1000}.modal-overlay,.quick-view-modal{height:100%;left:0;top:0;width:100%}.modal-overlay{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000000b3;position:absolute}.modal-content{background:#fff;border-radius:20px;box-shadow:0 25px 50px #00000040;max-height:90vh;max-width:900px;overflow-y:auto;position:relative;width:100%;z-index:1001}.close-modal{align-items:center;background:#f1f5f9;border:none;border-radius:50%;cursor:pointer;display:flex;font-size:1.2rem;height:40px;justify-content:center;position:absolute;right:20px;top:20px;transition:all .3s ease;width:40px;z-index:10}.close-modal:hover{background:#e2e8f0;transform:scale(1.1)}.modal-body{grid-gap:30px;display:grid;gap:30px;grid-template-columns:1fr 1fr;padding:40px}.modal-image{border-radius:15px;overflow:hidden}.modal-image img{display:block;height:auto;width:100%}.modal-details h3{color:#1a202c;font-size:1.8rem;margin-bottom:15px}.modal-description{color:#64748b;font-size:1rem;line-height:1.7;margin-bottom:25px}.modal-price{align-items:center;display:flex;gap:15px;margin-bottom:25px}.modal-current-price{color:#667eea;font-size:1.8rem;font-weight:800}.modal-original-price{color:#a0aec0;font-size:1.2rem;text-decoration:line-through}.modal-actions{display:flex;gap:15px}.modal-add-to-cart{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:10px;padding:15px 30px;transition:all .3s ease}.modal-add-to-cart:hover{box-shadow:0 6px 20px #667eea59;transform:translateY(-2px)}@media (max-width:1024px){.products-grid{gap:25px;grid-template-columns:repeat(2,1fr)}.section-title{font-size:2.5rem}}@media (max-width:768px){.featured-products{padding:60px 0}.products-grid{gap:20px;grid-template-columns:1fr}.section-title{font-size:2.2rem}.section-subtitle{font-size:1.1rem;margin-bottom:40px}.modal-body{grid-template-columns:1fr;padding:30px 20px}.product-footer{align-items:stretch;flex-direction:column}.price-container{align-items:center}.add-to-cart{justify-content:center;width:100%}}@media (max-width:480px){.section-title{font-size:1.8rem}.product-info{padding:20px}.product-info h3{font-size:1.2rem}.view-all-btn{font-size:.9rem;padding:12px 30px}}}.login-container{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;justify-content:center;min-height:100vh;padding:20px}.login-wrapper{background:#fff;border-radius:20px;box-shadow:0 15px 50px #0003;display:grid;grid-template-columns:1fr 1fr;max-width:1000px;overflow:hidden;width:100%}.login-hero{align-items:center;background:linear-gradient(135deg,#4361ee,#3a0ca3);background:linear-gradient(135deg,var(--primary) 0,var(--secondary) 100%);color:#fff;display:flex;justify-content:center;padding:60px 40px}.hero-content h1{font-weight:700;margin-bottom:15px}.hero-content p{margin-bottom:40px;opacity:.9}.hero-features{display:flex;flex-direction:column;gap:20px}.feature{align-items:center;display:flex;gap:15px}.feature-icon{align-items:center;background:#fff3;border-radius:50%;font-size:1.5rem;height:40px;width:40px}.login-form{display:flex;flex-direction:column;justify-content:center;padding:60px 40px}.form-header{margin-bottom:40px;text-align:center}.form-header h2{color:#212529;color:var(--dark);font-size:2rem;margin-bottom:10px}.form-header p{color:#666;font-size:1rem}.form-group{margin-bottom:25px}.form-group input{border:2px solid #e9ecef;border-radius:10px;font-size:16px;padding:15px;transition:all .3s ease;width:100%}.form-group input:focus{border-color:#4361ee;border-color:var(--primary);box-shadow:0 0 0 3px #4361ee1a;outline:none}.form-group input:disabled{background-color:#f8f9fa;cursor:not-allowed}.error-message{background:#ffebee;border:1px solid #ffcdd2;border-radius:8px;color:#c62828;padding:12px;text-align:center}.login-btn{align-items:center;background:linear-gradient(135deg,#4361ee,#3a0ca3);background:linear-gradient(135deg,var(--primary) 0,var(--secondary) 100%);border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:10px;justify-content:center;padding:15px;transition:all .3s ease}.login-btn:hover:not(:disabled){box-shadow:0 5px 15px #4361ee4d;transform:translateY(-2px)}.login-btn:disabled{cursor:not-allowed;opacity:.7}.login-btn.loading{background:linear-gradient(135deg,#8c9eff,#7986cb)}.login-footer{border-top:1px solid #e9ecef;margin-top:30px;padding-top:20px;text-align:center}.login-footer p{color:#666;font-size:.9rem}.link-btn{background:none;border:none;color:#4361ee;color:var(--primary);cursor:pointer;font-size:.9rem;text-decoration:underline}.link-btn:hover{color:#3a0ca3;color:var(--secondary)}@media (max-width:768px){.login-wrapper{grid-template-columns:1fr;max-width:400px}.login-hero{display:none}.login-form{padding:40px 30px}.form-header h2{font-size:1.8rem}}@media (max-width:480px){.login-container{padding:15px}.login-form{padding:30px 20px}.form-header h2{font-size:1.5rem}.form-group input,.login-btn{padding:12px}}.products-management{padding:20px}.product-form{grid-gap:15px;background:#fff;border-radius:12px;box-shadow:0 4px 12px #0000000d;display:grid;gap:15px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));margin-bottom:30px;padding:20px}.product-form input,.product-form select,.product-form textarea{border:1px solid #ddd;border-radius:8px;font-size:14px;padding:10px}.product-form textarea{grid-column:1/-1}.product-form button{background:#4361ee;background:var(--primary);border:none;border-radius:8px;color:#fff;cursor:pointer;padding:10px 15px}.products-list{margin-top:30px}.product-item{background:#fff;border-radius:12px;box-shadow:0 4px 12px #0000000d;display:flex;margin-bottom:20px;overflow:hidden}.product-item img{height:150px;object-fit:cover;width:150px}.product-info{flex:1 1;padding:20px}.product-actions{flex-direction:column;padding:20px}.product-actions button{border:none;border-radius:6px;cursor:pointer;padding:8px 15px}.product-actions button:first-child{background:#ffc107;color:#000}.product-actions button:last-child{background:#dc3545;color:#fff}.sales-reports{padding:20px}.filters{display:flex;gap:15px;margin-bottom:20px}.filters button{background:#fff;border:2px solid #4361ee;border:2px solid var(--primary);border-radius:8px;color:#4361ee;color:var(--primary);cursor:pointer;padding:10px 20px;transition:all .3s ease}.filters button.active,.filters button:hover{background:#4361ee;background:var(--primary);color:#fff}.summary{background:#fff;border-radius:12px;box-shadow:0 4px 12px #0000000d;margin-bottom:30px;padding:20px}.summary h3{color:#4361ee;color:var(--primary);margin-bottom:10px}.summary p{color:#666;margin:0}.loading-container{text-align:center}.empty-state{border-radius:12px;color:#666;padding:40px}.sales-list{display:flex;flex-direction:column;gap:20px}.sale-item{background:#fff;border-radius:12px;box-shadow:0 4px 12px #0000000d;padding:20px}.sale-header{align-items:center;border-bottom:1px solid #eee;display:flex;justify-content:space-between;margin-bottom:15px;padding-bottom:15px}.sale-details{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:15px}.sale-details p{background:#f8f9fa;border-radius:8px;margin:0;padding:10px}.sale-items{border-top:1px solid #eee;padding-top:15px}.sale-items h4{color:#212529;color:var(--dark);margin-bottom:10px}.sale-product{border-bottom:1px solid #f5f5f5;display:flex;justify-content:space-between;padding:8px 0}.sale-product:last-child{border-bottom:none}@media (max-width:768px){.filters,.sale-header{flex-direction:column}.sale-header{gap:10px;text-align:center}.sale-details{grid-template-columns:1fr}}@media (max-width:480px){.sales-reports{padding:10px}.sale-item{padding:15px}}.cart-items{display:flex;flex-direction:column;gap:15px;margin-bottom:20px}.cart-item{align-items:center;background:#f9f9f9;border-radius:8px;display:flex;gap:15px;padding:15px}.item-info{flex:1 1}.item-quantity{align-items:center;display:flex;gap:10px}.item-quantity button{background:#4361ee;background:var(--primary);border:none;border-radius:50%;color:#fff;cursor:pointer;height:30px;width:30px}.item-total{font-weight:700}.remove-btn{align-items:center;background:#dc3545!important;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:30px;justify-content:center;width:30px}.cart-total{border-top:2px solid #eee;padding:15px 0;text-align:center}.checkout-btn{background:#4cc9f0;background:var(--success);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:700;padding:15px;width:100%}.modal-content{box-shadow:0 10px 30px #0003;max-width:500px;padding:30px;width:90%}.modal-content h2{color:#4361ee;color:var(--primary)}.modal-content h2,.total-amount{margin-bottom:20px;text-align:center}.total-amount{color:#3a0ca3;color:var(--secondary);font-size:1.2rem;font-weight:700}.modal-actions{gap:15px}.modal-actions button{border:none;border-radius:8px;cursor:pointer;flex:1 1;font-size:16px;padding:12px}.modal-actions button:first-child{background:#6c757d;color:#fff}.modal-actions button:last-child{background:#4cc9f0;background:var(--success);color:#fff}.change{color:#4cc9f0;color:var(--success);font-weight:700;margin-top:5px}.offline-indicator{border-radius:8px;font-weight:700;margin-bottom:20px;padding:15px;text-align:center}.offline-indicator.online{background:#d4edda;border:1px solid #c3e6cb;color:#155724}.offline-indicator.offline{background:#f8d7da;border:1px solid #f5c6cb;color:#721c24}@media (max-width:768px){.hero-section{flex-direction:column;padding:40px 20px;text-align:center}.hero-content h1{font-size:2rem}.hero-image{margin-top:30px}.cashier-container{flex-direction:column}.product-form{grid-template-columns:1fr}.product-item{flex-direction:column}.product-item img{height:200px;width:100%}.sale-details,.sale-header{flex-direction:column;gap:10px}.modal-actions{flex-direction:column}}.hero-section{align-items:center;background:linear-gradient(135deg,#4361ee,#3a0ca3);background:linear-gradient(135deg,var(--primary) 0,var(--secondary) 100%);color:#fff;display:flex;justify-content:space-between;padding:60px 20px}.hero-content{max-width:500px}.hero-content h1{font-size:2.5rem;margin-bottom:20px}.hero-content p{font-size:1.2rem;margin-bottom:30px}.hero-image img{border-radius:12px;box-shadow:0 10px 30px #0003;max-width:100%}.category-filter{padding:40px 20px;text-align:center}.categories-list{display:flex;flex-wrap:wrap;gap:15px;justify-content:center;margin-top:20px}.categories-list button{background:#fff;border:2px solid #4361ee;border:2px solid var(--primary);border-radius:25px;color:#4361ee;color:var(--primary);cursor:pointer;padding:10px 20px;transition:all .3s ease}.categories-list button:hover{background:#4361ee;background:var(--primary);color:#fff}.product-list{padding:40px 20px}.products-grid{grid-gap:30px;gap:30px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));margin-top:30px}.product-card{box-shadow:0 4px 12px #0000000d}.product-image img{height:200px}.product-details{padding:20px}.product-details h3,.product-price{margin-bottom:10px}.product-price{color:#4361ee;color:var(--primary);font-size:1.2rem}.in-stock,.out-of-stock{font-weight:700}.products-loading{padding:40px}.loading-spinner{border-top-color:#4361ee;border-top:4px solid var(--primary);margin:0 auto 20px}@media (max-width:768px){.hero-section{flex-direction:column;padding:40px 20px;text-align:center}.hero-content h1{font-size:2rem}.hero-image{margin-top:30px}.categories-list{align-items:center;flex-direction:column}.categories-list button{width:200px}.products-grid{grid-template-columns:1fr}}.logo-image{height:40px;object-fit:contain;width:auto}.logo-fallback{color:#fff;display:flex;font-size:1.2rem;font-weight:700;gap:10px}.cart-icon-container,.logo-fallback{align-items:center}.cart-badge{background:#ef4444}.user-profile{border-radius:8px;gap:10px;transition:background .3s ease}.user-profile:hover{background:#ffffff1a}.user-avatar{background:#fff3}.user-role{font-size:.75rem}.profile-menu{box-shadow:0 10px 30px #00000026;min-width:250px;padding:20px;z-index:1000}.profile-header{border-bottom:1px solid #f1f5f9;margin-bottom:20px;padding-bottom:20px}.profile-avatar{background:linear-gradient(135deg,#4361ee,#3a0ca3);background:linear-gradient(135deg,var(--primary) 0,var(--secondary) 100%);color:#fff}.profile-details h4{color:#1e293b;font-size:1rem}.profile-details p{color:#64748b;font-size:.85rem}.role-badge{background:#f1f5f9;color:#475569;font-size:.75rem;padding:4px 8px}.menu-items{display:flex;flex-direction:column;gap:5px}.menu-item{border-radius:8px;color:#475569;font-size:.9rem;padding:12px 15px}.menu-item:hover{background:#f8fafc;color:#4361ee;color:var(--primary)}.menu-divider{background:#f1f5f9;margin:10px 0}.logout-btn{color:#ef4444}.logout-btn:hover{background:#fef2f2;color:#dc2626}.nav-toggle{color:#fff;font-size:1.5rem;padding:5px}.mobile-menu{box-shadow:0 5px 20px #0000001a}.mobile-nav-link{color:#475569;gap:15px;padding:15px 20px}.mobile-nav-link.active,.mobile-nav-link:hover{background:#f8fafc;color:#4361ee;color:var(--primary)}.mobile-user-info{background:#f8fafc;border-bottom:1px solid #f1f5f9;gap:15px;padding:15px 20px}@media (max-width:968px){.nav-items,.user-section{display:none}.mobile-menu,.nav-toggle{display:flex}}@media (max-width:480px){.navbar{padding:0 15px}.logo-image{height:35px}.logo-fallback span{font-size:1.1rem}}.cart-icon-container{display:flex;position:relative}.cart-badge{align-items:center;animation:pulse 2s infinite;background:#e53e3e;border-radius:50%;color:#fff;display:flex;font-size:.7rem;font-weight:700;height:18px;justify-content:center;position:absolute;right:-8px;top:-8px;width:18px}.user-profile{border-radius:12px;padding:8px 12px}.user-profile:hover{background:#667eea1a}.user-avatar{background:linear-gradient(135deg,#667eea,#764ba2);font-size:1.1rem;height:40px;width:40px}.user-name{color:#2d3748}.user-role{color:#718096}.dropdown-arrow{color:#a0aec0;font-size:.9rem}.profile-menu{border-radius:16px;box-shadow:0 10px 40px #00000026}.profile-header{background:linear-gradient(135deg,#667eea,#764ba2)}.profile-avatar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.profile-details p{margin:0 0 8px;opacity:.9}.role-badge{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:4px 10px}.menu-item{color:#4a5568;font-size:.95rem}.menu-item:hover{background:#f7fafc;color:#667eea}.menu-icon{opacity:.7}.menu-divider{background:#e2e8f0}.logout-btn{color:#e53e3e}.logout-btn:hover{background:#fed7d7;color:#c53030}.nav-toggle{border-radius:8px;cursor:pointer;display:none;flex-direction:column;padding:8px;transition:all .3s ease}.nav-toggle:hover{background:#667eea1a}.nav-toggle svg{color:#4a5568;font-size:1.5rem}.mobile-menu{background:#fff;box-shadow:0 4px 20px #0000001a;display:none;flex-direction:column;left:0;overflow:hidden;position:absolute;right:0;top:100%}.mobile-nav-link{align-items:center;border-bottom:1px solid #f1f5f9;color:#4a5568;display:flex;gap:12px;padding:16px 20px;text-decoration:none;transition:all .3s ease}.mobile-nav-link:hover{background:#f7fafc;color:#667eea}.mobile-nav-link.active{background:#667eea1a;color:#667eea}.mobile-user-info{background:#f7fafc;border-bottom:1px solid #e2e8f0;padding:20px}@media (max-width:968px){.nav-items{display:none}.mobile-menu,.nav-toggle{display:flex}.user-section{display:none}}@media (max-width:480px){.nav-container{padding:0 15px}.nav-logo span{font-size:1.1rem}.logo-icon{font-size:1.5rem}}.hosting-section{background:linear-gradient(135deg,#f8f9fa,#fff);padding:100px 0}.section-header{margin-bottom:60px;text-align:center}.section-title{color:#2d3748;font-size:2.8rem;font-weight:700;margin-bottom:20px}.section-subtitle{color:#666;font-size:1.3rem;line-height:1.6;margin:0 auto;max-width:600px}.hosting-content{grid-gap:60px;align-items:center;display:grid;gap:60px;grid-template-columns:1fr 1fr;margin-bottom:80px}.hosting-intro h3{color:#2d3748;font-size:2rem;font-weight:600;margin-bottom:20px}.hosting-intro p{color:#4a5568;font-size:1.1rem;line-height:1.8;margin-bottom:30px}.intro-features{margin-bottom:40px}.intro-feature{align-items:center;color:#2d3748;display:flex;font-size:1.1rem;gap:12px;margin-bottom:15px}.intro-icon{color:#ffd166;font-size:1.2rem}.cta-button{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50px;box-shadow:0 5px 15px #667eea4d;color:#fff;display:inline-flex;font-size:1.1rem;font-weight:600;gap:10px;padding:16px 35px;text-decoration:none;transition:all .3s ease}.cta-button:hover{box-shadow:0 8px 25px #667eea66;transform:translateY(-2px)}.hosting-image{text-align:center}.main-hosting-image{border-radius:20px;box-shadow:0 20px 40px #00000026;height:auto;max-width:500px;width:100%}.features-grid{margin-bottom:80px}.features-title{color:#2d3748;font-size:2.2rem;font-weight:600;margin-bottom:50px;text-align:center}.features-container{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.feature-card{border:1px solid #f1f3f4;box-shadow:0 10px 30px #00000014;padding:30px 25px}.feature-icon{font-size:3rem}.feature-card h4{color:#2d3748}.feature-card p{color:#666;font-size:1rem}.hosting-cta{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:30px;color:#fff;padding:60px 40px;text-align:center}.hosting-cta h3{font-size:2.2rem;font-weight:600;margin-bottom:20px}.hosting-cta p{font-size:1.2rem;margin-bottom:40px;opacity:.9}.cta-buttons{display:flex;flex-wrap:wrap;gap:20px;justify-content:center}.cta-button.primary{background:#fff;color:#667eea}.cta-button.secondary{background:#0000;border:2px solid #fff;color:#fff}.cta-button.secondary:hover{background:#fff;color:#667eea}@media (max-width:1024px){.hosting-content{gap:40px;grid-template-columns:1fr;text-align:center}.hosting-intro{order:2}.hosting-image{order:1}}@media (max-width:768px){.section-title{font-size:2.2rem}.section-subtitle{font-size:1.1rem}.features-title,.hosting-cta h3,.hosting-intro h3{font-size:1.8rem}.cta-buttons{align-items:center;flex-direction:column}.cta-button{justify-content:center;max-width:300px;width:100%}}.about-platform{background:linear-gradient(135deg,#f8fafc,#fff);padding:60px 0}.container{width:100%}.about-content{grid-gap:40px;align-items:center;display:grid;gap:40px;grid-template-columns:1fr 1fr;margin-bottom:60px}.about-text h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;color:#1a202c;font-size:2.2rem;font-weight:800;line-height:1.3;margin-bottom:20px}.about-text p{color:#64748b;font-size:1.05rem;line-height:1.8;margin-bottom:20px}.stats-grid{grid-gap:15px;gap:15px;grid-template-columns:repeat(2,1fr);margin-top:30px}.stat{background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 5px 20px #0000000f;padding:20px 15px;text-align:center;transition:all .3s ease}.stat:hover{box-shadow:0 10px 30px #0000001a;transform:translateY(-5px)}.stat-icon{color:#667eea;margin-bottom:12px}.stat-number{color:#1a202c;font-family:Arial,sans-serif;font-size:1.8rem;margin-bottom:5px}.stat-label{font-weight:500}.about-image{border-radius:20px;box-shadow:0 15px 40px #0000001a;overflow:hidden;transition:transform .3s ease}.about-image:hover{transform:scale(1.02)}.about-image img{display:block;height:auto;transition:transform .5s ease;width:100%}.about-image:hover img{transform:scale(1.05)}.platform-features{text-align:center}.platform-features h3{color:#1a202c;display:inline-block;font-size:2rem;font-weight:700;margin-bottom:40px;position:relative}.platform-features h3:after{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:2px;bottom:-15px;content:"";height:4px;left:50%;position:absolute;transform:translateX(-50%);width:80px}.features-grid{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.feature-card{background:#fff;border:1px solid #f1f5f9;border-radius:20px;box-shadow:0 8px 25px #00000014;padding:30px 20px;text-align:center;transition:all .3s ease}.feature-card:hover{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 15px 40px #0000001f;transform:translateY(-8px)}.feature-card:hover .feature-icon{color:#fff;transform:scale(1.1)}.feature-card:hover h4,.feature-card:hover p{color:#fff}.feature-icon{color:#667eea;display:flex;justify-content:center;margin-bottom:20px;transition:all .3s ease}.feature-card h4{color:#1a202c;font-size:1.3rem;font-weight:600;margin-bottom:15px;transition:color .3s ease}.feature-card p{color:#64748b;font-size:.95rem;line-height:1.6;transition:color .3s ease}@media (max-width:968px){.about-content{gap:40px;grid-template-columns:1fr;text-align:center}.about-text h2{font-size:2rem}.stats-grid{gap:15px;grid-template-columns:repeat(2,1fr)}.about-image{order:-1}}@media (max-width:768px){.about-platform{padding:50px 0}.about-text h2{font-size:1.8rem}.about-text p{font-size:1rem}.stats-grid{gap:15px;grid-template-columns:1fr}.stat{padding:18px 12px}.stat-number{font-size:1.6rem}.features-grid{gap:20px;grid-template-columns:1fr}.feature-card{padding:25px 18px}.platform-features h3{font-size:1.7rem;margin-bottom:35px}.feature-card h4{font-size:1.2rem}}@media (max-width:480px){.container{padding:0 15px}.about-text h2{font-size:1.6rem}.about-text p{font-size:.95rem}.stat{padding:15px 10px}.stat-number{font-size:1.4rem}.stat-label{font-size:.85rem}.feature-card{padding:20px 15px}.feature-card h4{font-size:1.1rem}.feature-card p{font-size:.9rem}.platform-features h3{font-size:1.5rem}}@media (max-width:360px){.about-text h2{font-size:1.4rem}.stat{padding:12px 8px}.stat-number{font-size:1.3rem}.feature-icon{margin-bottom:15px}}.footer{background:linear-gradient(135deg,#1a202c,#2d3748);color:#fff;overflow:hidden;padding:60px 0 20px;position:relative}.footer:before{animation:gradientMove 3s ease infinite;background:linear-gradient(90deg,#667eea,#764ba2,#f093fb,#f5576c);content:"";height:2px;left:0;position:absolute;right:0;top:0}@keyframes gradientMove{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.footer-content{grid-gap:40px;display:grid;gap:40px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:40px}.footer-section h3{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;font-size:1.5rem;margin-bottom:20px}.footer-section h4{color:#e2e8f0;font-size:1.2rem;margin-bottom:20px;padding-bottom:10px;position:relative}.footer-section h4:after{background:linear-gradient(135deg,#667eea,#764ba2);bottom:0;content:"";height:2px;left:0;position:absolute;width:40px}.logo-container{align-items:center;display:flex;gap:10px;margin-bottom:20px}.footer-logo{background:#667eea1a;border-radius:50%;color:#667eea;font-size:2rem;padding:10px}.footer-section p{color:#cbd5e0;line-height:1.6;margin-bottom:25px}.social-links{display:flex;gap:15px}.social-icon{align-items:center;background:#667eea4d;border:2px solid #ffffff4d;border-radius:50%;color:#fff!important;display:flex;font-size:1.3rem;justify-content:center;padding:12px;text-decoration:none;transition:all .3s ease}.social-icon:hover{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#0000;box-shadow:0 5px 15px #667eea66;color:#fff!important;transform:translateY(-3px)}.footer-section ul{list-style:none}.footer-section ul li{margin-bottom:12px}.footer-section ul li a{color:#cbd5e0;display:block;text-decoration:none;transition:all .3s ease}.footer-section ul li a:hover{color:#667eea;transform:translateX(5px)}.contact-info p{align-items:center;display:flex;gap:10px;margin-bottom:15px}.contact-icon{color:#667eea!important;font-size:1.7rem;margin-left:8px}.footer-bottom{border-top:1px solid #ffffff1a;padding-top:20px}.footer-bottom-content{align-items:center;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between}.footer-bottom-content p{color:#a0aec0}.xbdynamics-credit{align-items:center;color:#a0aec0;display:flex;font-size:.9rem;gap:5px}.xbdynamics-text{background:linear-gradient(45deg,#667eea,#764ba2);border-radius:6px;color:#fff;font-family:Courier New,monospace;font-weight:700;letter-spacing:1px;padding:4px 8px}.footer-links{display:flex;gap:20px}.footer-links a{color:#a0aec0;font-size:.9rem;text-decoration:none;transition:color .3s ease}.footer-links a:hover{color:#667eea}@media (max-width:768px){.footer-content{gap:30px;grid-template-columns:1fr;text-align:center}.footer-section h4:after{left:50%;transform:translateX(-50%)}.contact-info p,.logo-container,.social-links{justify-content:center}.footer-bottom-content{flex-direction:column;text-align:center}.footer-links{justify-content:center}}@media (max-width:480px){.footer{padding:40px 0 20px}.footer-content{gap:25px}.footer-section h3{font-size:1.3rem}.footer-section h4{font-size:1.1rem}.social-links{gap:10px}.social-icon{font-size:1.1rem;padding:8px}}.add-user-container{margin:0 auto;max-width:1000px;padding:20px}.admin-header{margin-bottom:40px;text-align:center}.admin-header h1{font-size:2.5rem}.add-user-card{background:#fff;border-radius:20px;box-shadow:0 10px 30px #0000001a;margin-bottom:40px;padding:30px}.user-form{width:100%}.form-grid{margin-bottom:30px}.form-group input,.form-group select{border:2px solid #e9ecef;border-radius:10px;font-size:16px;padding:15px;transition:all .3s ease;width:100%}.form-group input:focus,.form-group select:focus{border-color:#4361ee;border-color:var(--primary);box-shadow:0 0 0 3px #4361ee1a;outline:none}.form-actions{flex-wrap:wrap}.btn-primary{align-items:center;background:linear-gradient(135deg,#4361ee,#3a0ca3);background:linear-gradient(135deg,var(--primary) 0,var(--secondary) 100%);border-radius:10px;display:flex;font-weight:700;gap:10px;padding:15px 30px;transition:all .3s ease}.btn-primary:hover:not(:disabled){box-shadow:0 5px 15px #4361ee4d}.btn-primary.loading{background:linear-gradient(135deg,#6c757d,#495057)}.btn-secondary{background:#6c757d;border-radius:10px;font-weight:700;padding:15px 30px;transition:all .3s ease}.btn-secondary:hover{background:#495057;transform:translateY(-2px)}.error-message{background:#f8d7da;border:1px solid #f5c6cb;border-radius:10px;color:#721c24;margin-bottom:20px;padding:15px}.success-message{border-radius:10px;margin-bottom:20px;padding:15px}.spinner{height:20px;width:20px}.user-guide{background:#fff;border-radius:20px;box-shadow:0 10px 30px #0000001a;padding:30px}.user-guide h3{color:#212529;color:var(--dark);font-size:1.8rem;margin-bottom:30px;text-align:center}.guide-cards{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.guide-card{background:#f8f9fa;border-radius:15px;padding:25px;text-align:center;transition:all .3s ease}.guide-card:hover{background:linear-gradient(135deg,#4361ee,#3a0ca3);background:linear-gradient(135deg,var(--primary) 0,var(--secondary) 100%);color:#fff;transform:translateY(-5px)}.guide-card:hover h4,.guide-card:hover p{color:#fff}.guide-icon{font-size:3rem;margin-bottom:15px}.guide-card h4{color:#212529;color:var(--dark);font-size:1.3rem;margin-bottom:10px}.guide-card p{color:#666;line-height:1.6}@media (max-width:768px){.add-user-container{padding:15px}.admin-header h1{font-size:2rem}.form-grid{grid-template-columns:1fr}.form-actions{flex-direction:column}.btn-primary,.btn-secondary{justify-content:center;width:100%}.guide-cards{grid-template-columns:1fr}}@media (max-width:480px){.add-user-card,.user-guide{padding:20px}.admin-header h1{font-size:1.8rem}.form-group input,.form-group select{padding:12px}}.section-header h2{color:#212529;color:var(--dark)}.empty-state{background:#f8f9fa;border-radius:15px}.empty-state h3{color:#212529;color:var(--dark)}.empty-state p{color:#666;margin-bottom:30px}.users-table{background:#fff;border-radius:15px;box-shadow:0 5px 15px #0000001a;overflow:hidden}.table-header{background:#f8f9fa;border-bottom:2px solid #e9ecef;color:#212529;color:var(--dark);font-weight:700}.table-header,.table-row{display:grid;grid-template-columns:1fr 1fr 1fr 1fr 1fr;padding:20px}.table-row{align-items:center;border-bottom:1px solid #e9ecef}.table-row:last-child{border-bottom:none}.role-badge{border-radius:20px;font-size:.9rem;font-weight:700;padding:6px 12px}.role-badge.admin{background:#fff3cd;color:#856404}.role-badge.cashier{background:#d1ecf1;color:#0c5460}.status-badge.inactive{background:#f8d7da;color:#721c24}.actions{display:flex;gap:10px}.delete-btn,.status-btn{border:none;border-radius:6px;cursor:pointer;font-size:.9rem;padding:8px 15px;transition:all .3s ease}.status-btn.activate{background:#d4edda;color:#155724}.status-btn.deactivate{background:#fff3cd;color:#856404}.delete-btn{background:#f8d7da;color:#721c24}.delete-btn:hover,.status-btn:hover{opacity:.8;transform:translateY(-1px)}@media (max-width:1024px){.table-header,.table-row{gap:10px;grid-template-columns:1fr 1fr 1fr}.table-header span:nth-child(4),.table-header span:nth-child(5),.table-row span:nth-child(4),.table-row span:nth-child(5){display:none}}@media (max-width:768px){.section-header{flex-direction:column;text-align:center}.table-header,.table-row{grid-template-columns:1fr 1fr}.table-header span:nth-child(3),.table-row span:nth-child(3){display:none}.actions{flex-direction:column}}@media (max-width:480px){.table-header,.table-row{gap:15px;grid-template-columns:1fr;text-align:center}.table-header span:nth-child(2),.table-row span:nth-child(2){display:none}}.user-role-badge{border-radius:20px;font-size:.8rem;margin-right:10px;padding:5px 12px}.mobile-user-role,.user-role-badge{background:linear-gradient(135deg,#4361ee,#3a0ca3);background:linear-gradient(135deg,var(--primary) 0,var(--secondary) 100%);color:#fff;font-weight:600}.mobile-user-role{border-radius:8px;margin:10px;padding:10px;text-align:center}@media (max-width:768px){.user-role-badge{display:none}.nav-items{gap:10px}.nav-link{font-size:.9rem;padding:8px 12px}}@media (max-width:480px){.nav-logo span{font-size:1rem}.nav-link{font-size:.8rem;padding:6px 10px}}.navbar{background:linear-gradient(135deg,#4361ee,#3a0ca3);background:linear-gradient(135deg,var(--primary) 0,var(--secondary) 100%);box-shadow:0 2px 20px #0000001a;padding:0 20px;position:-webkit-sticky;position:sticky;top:0;z-index:1000}.nav-container{height:70px;justify-content:space-between;margin:0 auto;max-width:1200px}.logo-content,.nav-container{align-items:center;display:flex}.logo-content{color:#fff;font-size:1.2rem;font-weight:700;gap:10px}.logo-icon{font-size:1.5rem}.nav-menu{gap:20px}.nav-items,.nav-menu{align-items:center;display:flex}.nav-items{gap:15px}.nav-link{align-items:center;border-radius:8px;color:#fff;display:flex;font-weight:500;gap:8px;padding:10px 15px;text-decoration:none;transition:all .3s ease}.nav-link:hover{background:#ffffff1a;transform:translateY(-2px)}.nav-link.active{background:#fff3}.nav-icon{font-size:1.1rem}.user-section{position:relative}.user-profile{align-items:center;background:#ffffff1a;border-radius:25px;cursor:pointer;display:flex;gap:12px;padding:8px 15px;transition:all .3s ease}.user-profile:hover{background:#fff3}.user-avatar{align-items:center;background:linear-gradient(135deg,#4cc9f0,#4361ee);border-radius:50%;color:#fff;display:flex;font-size:.9rem;font-weight:600;height:35px;justify-content:center;width:35px}.user-info{color:#fff;display:flex;flex-direction:column}.user-name{font-size:.9rem;font-weight:600}.user-role{font-size:.8rem;opacity:.8}.dropdown-arrow{color:#fff;font-size:.8rem;transition:transform .3s ease}.user-profile:hover .dropdown-arrow{transform:rotate(180deg)}.profile-menu{background:#fff;border-radius:12px;box-shadow:0 10px 30px #0003;margin-top:10px;overflow:hidden;position:absolute;right:0;top:100%;width:280px}.profile-header{align-items:center;background:linear-gradient(135deg,#4361ee,#3a0ca3);background:linear-gradient(135deg,var(--primary) 0,var(--secondary) 100%);color:#fff;display:flex;gap:15px;padding:20px}.profile-avatar{align-items:center;background:#fff3;border-radius:50%;display:flex;font-size:1.2rem;font-weight:600;height:50px;justify-content:center;width:50px}.profile-details h4{font-size:1.1rem;margin:0 0 5px}.profile-details p{font-size:.9rem;margin:0 0 10px;opacity:.8}.role-badge{background:#fff3;border-radius:12px;font-size:.8rem;font-weight:600;padding:3px 8px}.menu-items{padding:10px 0}.menu-item{align-items:center;background:none;border:none;color:#212529;color:var(--dark);cursor:pointer;display:flex;gap:12px;padding:12px 20px;text-align:right;text-decoration:none;transition:all .3s ease;width:100%}.menu-item:hover{background:#f8f9fa}.menu-icon{font-size:1.1rem}.menu-divider{background:#e9ecef;height:1px;margin:8px 0}.logout-btn{color:#dc3545}.logout-btn:hover{background:#ffebee}.mobile-user-info{align-items:center;background:#ffffff1a;border-radius:10px;display:flex;gap:12px;margin:10px;padding:15px}.user-details{color:#fff;display:flex;flex-direction:column}@media (max-width:768px){.nav-items,.user-section{display:none}.mobile-menu,.nav-toggle{display:flex}}@media (max-width:480px){.nav-container{padding:0 10px}.logo-content span:last-child{font-size:1rem}.logo-icon{font-size:1.3rem}}.modern-admin-panel{background:#f5f7fa;min-height:100vh;padding:20px}.admin-header{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:15px;box-shadow:0 10px 30px #0000001a;color:#fff;margin-bottom:25px}.admin-header h1{font-size:2.2rem;font-weight:700;margin-bottom:10px}.admin-header p{opacity:.9}.dashboard-cards{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:30px}.dashboard-card{align-items:center;background:#fff;border-radius:15px;box-shadow:0 5px 15px #00000014;display:flex;gap:20px;padding:25px;transition:all .3s ease}.dashboard-card:hover{box-shadow:0 10px 25px #0000001f;transform:translateY(-5px)}.card-icon{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:15px;display:flex;font-size:2.5rem;height:70px;justify-content:center;width:70px}.card-content h3{color:#2d3748;font-size:2rem;font-weight:700;margin-bottom:5px}.card-content p{color:#718096;font-size:.9rem}.admin-section{background:#fff;border-radius:15px;box-shadow:0 5px 15px #00000014;margin-bottom:25px;padding:25px}.section-header{flex-wrap:wrap;gap:15px;margin-bottom:25px}.section-header h2{color:#2d3748;font-size:1.5rem}.section-actions{align-items:center;display:flex;gap:15px}.search-box input{border:1px solid #e2e8f0;border-radius:8px;font-size:.9rem;padding:12px 15px 12px 40px;width:250px}.search-icon{color:#a0aec0;left:15px}.filter-select{background:#fff;border:1px solid #e2e8f0;border-radius:8px;font-size:.9rem;padding:12px 15px}.modern-form{width:100%}.form-grid{grid-gap:20px;gap:20px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:25px}.form-group label{color:#2d3748}.form-group input,.form-group select,.form-group textarea{border:1px solid #e2e8f0;font-size:1rem;padding:12px 15px}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.form-actions{justify-content:flex-end}.btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-weight:600;gap:8px;padding:12px 25px;transition:all .3s ease}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2)}.btn-primary:hover:not(:disabled){box-shadow:0 5px 15px #667eea4d;transform:translateY(-2px)}.btn-primary:disabled{opacity:.7}.btn-secondary{background:#e2e8f0;color:#4a5568}.btn-secondary:hover{background:#cbd5e0}.products-grid{grid-gap:20px;gap:20px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.product-category{background:#667eeae6;border-radius:20px;font-weight:600;left:15px;padding:5px 12px;top:15px}.product-content{flex-grow:1;padding:20px}.product-content h4{color:#2d3748;font-size:1.2rem;margin-bottom:10px}.product-description{margin-bottom:15px}.product-details{align-items:center;justify-content:space-between;margin-top:15px}.product-price{color:#667eea;font-size:1.1rem}.product-stock{background:#c6f6d5;border-radius:15px;color:#22543d;font-size:.9rem;padding:4px 10px}.product-stock.out-of-stock{background:#fed7d7;color:#742a2a}.product-actions{border-top:1px solid #e2e8f0;display:flex;gap:10px;padding:15px 20px}.btn-delete,.btn-edit{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;flex:1 1;font-size:.9rem;gap:5px;justify-content:center;padding:8px 15px;transition:all .3s ease}.btn-edit{background:#ebf8ff;color:#3182ce}.btn-edit:hover{background:#bee3f8}.btn-delete{background:#fed7d7;color:#e53e3e}.btn-delete:hover{background:#feb2b2}.empty-state{color:#718096;padding:60px 20px}.empty-icon{margin-bottom:20px;opacity:.5}.empty-state h3{margin-bottom:10px}@media (max-width:1024px){.dashboard-cards{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.modern-admin-panel{padding:15px}.admin-header{padding:20px;text-align:center}.dashboard-cards{grid-template-columns:1fr}.section-header{align-items:stretch}.section-actions,.section-header{flex-direction:column}.search-box input{width:100%}.form-grid{grid-template-columns:1fr}.form-actions{flex-direction:column}.products-grid{grid-template-columns:1fr}}@media (max-width:480px){.admin-header h1,.card-icon{font-size:1.8rem}.card-icon{height:50px;width:50px}.card-content h3{font-size:1.5rem}.product-actions{flex-direction:column}}.admin-panel{background:#f5f7fa;min-height:100vh}.admin-layout{display:flex;min-height:100vh}.admin-sidebar{background:linear-gradient(135deg,#4361ee,#3a0ca3);box-shadow:0 0 20px #0000001a;color:#fff;height:100vh;padding:20px 0;position:fixed;width:280px;z-index:100}.sidebar-header{border-bottom:1px solid #ffffff1a;margin-bottom:20px;padding:0 20px 20px}.sidebar-header h2{font-size:1.5rem;margin:0}.sidebar-nav{display:flex;flex-direction:column;gap:5px;padding:0 10px}.nav-item{align-items:center;background:#0000;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;margin:5px 0;padding:15px 20px;text-align:right;transition:all .3s ease}.nav-item:hover{background:#ffffff1a}.nav-item.active{background:#fff3;box-shadow:0 0 10px #ffffff1a}.nav-icon{font-size:1.2rem;margin-left:15px}.nav-text{font-size:1rem;font-weight:500}.admin-content{flex:1 1;margin-right:280px;padding:20px}.admin-header{background:#fff;border-radius:12px;box-shadow:0 4px 12px #0000000d;margin-bottom:20px;padding:25px}.admin-header h1{color:#212529;color:var(--dark);font-size:2rem;margin:0 0 10px}.admin-header p{color:#666;font-size:1.1rem;margin:0 0 20px}.stats-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-top:20px}.stat-card{align-items:center;background:#f8f9fa;border-radius:10px;display:flex;padding:20px;transition:all .3s ease}.stat-card:hover{box-shadow:0 5px 15px #0000001a;transform:translateY(-3px)}.stat-icon{align-items:center;background:#fff;border-radius:50%;box-shadow:0 4px 10px #0000001a;display:flex;font-size:2rem;height:50px;justify-content:center;margin-left:15px;width:50px}.stat-info{flex:1 1}.stat-info h3{color:#212529;color:var(--dark);font-size:1.8rem;margin:0}.stat-info p{color:#666;margin:5px 0 0}.content-area{background:#fff;border-radius:12px;box-shadow:0 4px 12px #0000000d;padding:20px}@media (max-width:1024px){.admin-sidebar{width:220px}.admin-content{margin-right:220px}.stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.admin-layout{flex-direction:column}.admin-sidebar{height:auto;padding:15px 0;position:relative;width:100%}.admin-content{margin-right:0;padding:15px}.sidebar-nav{flex-direction:row;overflow-x:auto;padding:0 10px}.nav-item{flex-direction:column;min-width:100px;padding:10px 15px}.nav-icon{font-size:1.5rem;margin:0 0 5px}.nav-text{font-size:.8rem}.stats-grid{grid-template-columns:1fr}.admin-header{padding:20px}.admin-header h1{font-size:1.5rem}}@media (max-width:480px){.admin-content{padding:10px}.admin-header,.stat-card{padding:15px}.stat-icon{height:40px;width:40px}.stat-icon,.stat-info h3{font-size:1.5rem}}.syncing-indicator{align-items:center;background:#fff3cd;border:1px solid #ffeaa7;border-radius:8px;color:#856404;display:flex;gap:10px;margin-bottom:20px;padding:15px}.syncing-spinner{animation:spin 1s linear infinite;border:2px solid #0000;border-radius:50%;border-top-color:#856404;height:20px;width:20px}.offline-warning{background:#fff3cd;border:1px solid #ffeaa7;border-radius:6px;color:#856404;margin-bottom:15px;padding:10px;text-align:center}@media (max-width:768px){.syncing-indicator{flex-direction:column;text-align:center}}.hosting-management{padding:20px}.hosting-form{margin-bottom:30px}.form-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.form-group{margin-bottom:15px}.form-group label{color:#212529;color:var(--dark)}.form-group input,.form-group select,.form-group textarea{border:2px solid #e9ecef;border-radius:8px;font-size:14px;transition:all .3s ease;width:100%}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#4361ee;border-color:var(--primary);box-shadow:0 0 0 3px #4361ee1a}.form-group.full-width{grid-column:1/-1}.form-actions{gap:15px}.form-actions button{border:none;border-radius:8px;cursor:pointer;font-weight:700;padding:12px 20px;transition:all .3s ease}.form-actions button[type=submit]{background:#4361ee;background:var(--primary);color:#fff}.form-actions button[type=submit]:hover{background:#3a0ca3;background:var(--secondary)}.form-actions button[type=button]{background:#6c757d;color:#fff}.form-actions button[type=button]:hover{background:#5a6268}.hosting-list{margin-top:30px}.hosting-list h3{border-bottom:2px solid #e9ecef;color:#212529;color:var(--dark);margin-bottom:20px;padding-bottom:10px}.hosting-item{background:#fff;border-radius:12px;box-shadow:0 4px 12px #0000000d;margin-bottom:20px;padding:20px;transition:all .3s ease}.hosting-item:hover{box-shadow:0 8px 20px #0000001a;transform:translateY(-3px)}.hosting-header{border-bottom:1px solid #eee;margin-bottom:15px;padding-bottom:15px}.pet-type{border-radius:20px;font-size:.9rem;padding:5px 12px}.hosting-header h4{color:#212529;color:var(--dark);font-size:1.2rem}.status-badge{border-radius:20px;font-size:.9rem;padding:6px 12px}.status-badge.active{background:#d4edda;color:#155724}.status-badge.completed{background:#e2e3e5;color:#383d41}.status-badge.cancelled{background:#f8d7da;color:#721c24}.hosting-details{grid-gap:15px;gap:15px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:15px}.label{color:#212529;color:var(--dark);font-size:.9rem;margin-bottom:5px}.value{color:#666}.special-notes{background:#f8f9fa;border-radius:8px;margin-bottom:15px;padding:15px}.special-notes .label{margin-bottom:8px}.special-notes p{color:#666;line-height:1.5}.hosting-actions{display:flex;gap:10px}.hosting-actions button{border:none;border-radius:6px;cursor:pointer;font-weight:700;padding:8px 15px;transition:all .3s ease}.hosting-actions button:first-child{background:#ffc107;color:#000}.hosting-actions button:first-child:hover{background:#e0a800}.hosting-actions button:last-child{background:#dc3545;color:#fff}.hosting-actions button:last-child:hover{background:#c82333}@media (max-width:768px){.form-grid{grid-template-columns:1fr}.hosting-header{align-items:flex-start;flex-direction:column;gap:10px}.hosting-details{grid-template-columns:1fr}.form-actions,.hosting-actions{flex-direction:column}}@media (max-width:480px){.hosting-management{padding:10px}.hosting-form,.hosting-item{padding:15px}}.cashier-hosting{padding:20px}.hosting-header{background:#fff;border-radius:12px;box-shadow:0 4px 12px #0000000d;margin-bottom:20px;padding:20px;text-align:center}.hosting-header h1{color:#212529;color:var(--dark);margin-bottom:10px}.hosting-header p{color:#666;margin-bottom:15px}.connection-status{border-radius:20px;display:inline-block;font-size:.9rem;font-weight:700;padding:8px 16px}.connection-status.online{background:#d4edda;color:#155724}.connection-status.offline{background:#fff3cd;color:#856404}.hosting-layout{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr}.hosting-form{background:#fff;border-radius:12px;box-shadow:0 4px 12px #0000000d;padding:20px}.hosting-form h2{color:#212529;color:var(--dark);margin-bottom:20px;text-align:center}.form-grid{grid-gap:15px;gap:15px;grid-template-columns:1fr;margin-bottom:20px}.submit-btn{background:#4361ee;background:var(--primary);border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:700;padding:15px;transition:all .3s ease;width:100%}.submit-btn:hover:not(:disabled){background:#3a0ca3;background:var(--secondary)}.submit-btn:disabled{cursor:not-allowed;opacity:.7}.hosting-list{background:#fff;border-radius:12px;box-shadow:0 4px 12px #0000000d;max-height:600px;overflow-y:auto;padding:20px}.hosting-list h2{color:#212529;color:var(--dark);margin-bottom:20px;text-align:center}.hostings-container{display:flex;flex-direction:column;gap:15px}.hosting-item{background:#f8f9fa;border-left:4px solid #4361ee;border-left:4px solid var(--primary);border-radius:10px;padding:15px}.hosting-header{border-bottom:none;justify-content:space-between;margin-bottom:10px;padding:0}.hosting-header,.pet-info{align-items:center;display:flex}.pet-info{gap:10px}.pet-type{border-radius:15px;font-size:.8rem;font-weight:700;padding:5px 10px}.pet-type.cat{background:#e9ecef;color:#495057}.pet-type.dog{background:#d1ecf1;color:#0c5460}.hosting-header h4{font-size:1.1rem;margin:0}.hosting-details{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1fr 1fr;margin-bottom:10px}.detail{display:flex;flex-direction:column}.label{color:#666;font-size:.8rem;font-weight:700}.value{font-size:.9rem}.special-notes{background:#fff;border-radius:6px;margin-bottom:10px;padding:10px}.special-notes .label{margin-bottom:5px}.special-notes p{font-size:.9rem;line-height:1.4;margin:0}.hosting-actions{text-align:center}.complete-btn{background:#28a745;border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:700;padding:8px 15px;transition:all .3s ease}.complete-btn:hover{background:#218838}@media (max-width:1024px){.hosting-layout{grid-template-columns:1fr}}@media (max-width:768px){.cashier-hosting{padding:10px}.hosting-form,.hosting-header,.hosting-list{padding:15px}.hosting-details{grid-template-columns:1fr}}@media (max-width:480px){.hosting-header h1{font-size:1.5rem}.pet-info{align-items:flex-start;flex-direction:column}}.cashier-tabs{display:flex;gap:15px;justify-content:center;margin-top:20px}.cashier-tabs button{background:#fff;border:2px solid #4361ee;border:2px solid var(--primary);border-radius:8px;color:#4361ee;color:var(--primary);cursor:pointer;font-size:1rem;font-weight:700;padding:12px 24px;transition:all .3s ease}.cashier-tabs button.active,.cashier-tabs button:hover{background:#4361ee;background:var(--primary);box-shadow:0 4px 8px #4361ee33;color:#fff;transform:translateY(-2px)}@media (max-width:768px){.cashier-tabs{flex-direction:column;gap:10px}.cashier-tabs button{text-align:center;width:100%}}@media (max-width:480px){.cashier-tabs button{font-size:.9rem;padding:10px 16px}}.products-page{background:linear-gradient(135deg,#f8fafc,#fff);min-height:100vh;padding:80px 0}.container{margin:0 auto;max-width:1200px;padding:0 20px}.page-header{margin-bottom:40px}.page-header h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;color:#2d3748;font-size:3rem;font-weight:700;margin-bottom:15px}.page-header p{color:#64748b;font-size:1.2rem;line-height:1.6;margin:0 auto;max-width:600px}.products-tools{background:#fff;border-radius:15px;box-shadow:0 5px 15px #00000014;gap:20px;justify-content:space-between;margin-bottom:30px;padding:20px}.products-tools,.tools-left,.tools-right{align-items:center;display:flex;flex-wrap:wrap}.tools-left,.tools-right{gap:15px}.sort-filter{align-items:center;display:flex;gap:10px}.sort-filter label{color:#2d3748;font-weight:600;white-space:nowrap}.sort-filter select{background:#fff;border:2px solid #e2e8f0;border-radius:8px;cursor:pointer;font-size:.9rem;padding:8px 12px;transition:border-color .3s ease}.sort-filter select:focus{border-color:#667eea;outline:none}.products-stats{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:40px}.stat-item{background:#fff;border-radius:15px;box-shadow:0 5px 15px #00000014;padding:25px 20px;text-align:center;transition:transform .3s ease}.stat-item:hover{transform:translateY(-5px)}.stat-number{color:#667eea;display:block;font-size:2.5rem;font-weight:800;margin-bottom:8px}.stat-label{color:#64748b;font-size:.9rem;font-weight:600}.no-products{background:#fff;border-radius:20px;box-shadow:0 10px 30px #0000001a;margin:40px 0;padding:60px 20px}.no-products-icon{font-size:4rem;margin-bottom:20px;opacity:.7}.no-products h3{color:#2d3748;font-size:1.5rem;margin-bottom:15px}.no-products p{color:#64748b;font-size:1.1rem}@media (max-width:768px){.products-page{padding:60px 0}.page-header h1{font-size:2.2rem}.page-header p{font-size:1rem}.products-tools{align-items:stretch;flex-direction:column}.tools-left,.tools-right{justify-content:center}.sort-filter{align-items:center;flex-direction:column;gap:8px}.products-stats{gap:15px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.stat-number{font-size:2rem}}@media (max-width:480px){.container{padding:0 15px}.page-header h1{font-size:1.8rem}.products-stats{grid-template-columns:1fr}.stat-item{padding:20px 15px}}.image-upload-container{display:flex;flex-direction:column;gap:15px}.upload-button{align-items:center;background:linear-gradient(135deg,#4285f4,#34a853);border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;font-weight:500;gap:10px;justify-content:center;padding:12px 20px;transition:all .3s ease}.upload-button:hover{box-shadow:0 5px 15px #4285f44d;transform:translateY(-2px)}.upload-button:disabled{background:#94a3b8;cursor:not-allowed}.upload-icon{font-size:1.2rem}.image-preview{border-radius:8px;box-shadow:0 4px 10px #0000001a;height:150px;overflow:hidden;position:relative;width:150px}.image-preview img{height:100%;object-fit:cover;width:100%}.remove-image-btn{align-items:center;background:#ef4444;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:.8rem;height:25px;justify-content:center;position:absolute;right:5px;top:5px;width:25px}.image-url-input{border:2px solid #e2e8f0;border-radius:8px;font-size:1rem;padding:12px 15px;transition:border-color .3s ease;width:100%}.image-url-input:focus{border-color:#667eea;outline:none}.upload-help-text{color:#64748b;font-size:.8rem;font-style:italic;margin-top:8px}.spinner{border:2px solid #0000;border-top-color:#fff}.spinner.small{height:12px;width:12px}@media (max-width:768px){.image-upload-container{gap:10px}.upload-button{font-size:.9rem;padding:10px 15px}.image-preview{height:120px;width:120px}}.accessories-page{min-height:80vh;padding:2rem 0}.page-header{margin-bottom:2rem;text-align:center}.page-title{color:#2d3748;font-size:2.5rem;margin-bottom:.5rem}.page-subtitle{color:#718096;font-size:1.1rem;margin:0 auto;max-width:600px}.filters-section{background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000000d;margin-bottom:2rem;padding:1.5rem}.filters-header{flex-wrap:wrap;gap:1rem;justify-content:space-between}.filter-toggle,.filters-header{align-items:center;display:flex}.filter-toggle{background:#f7fafc;border:1px solid #e2e8f0;border-radius:8px;cursor:pointer;font-weight:500;gap:.5rem;padding:.5rem 1rem;transition:all .2s}.filter-toggle:hover{background:#edf2f7}.sort-options{align-items:center;display:flex;gap:.5rem}.sort-options label{color:#4a5568;font-weight:500}.sort-options select{background:#fff;border:1px solid #e2e8f0;border-radius:6px;padding:.5rem}.filters-content{border-top:1px solid #e2e8f0;margin-top:1.5rem;padding-top:1.5rem}.price-filter h4{color:#4a5568;font-weight:500;margin-bottom:1rem}.range-slider{background:#e2e8f0;border-radius:5px;height:5px;margin:1rem 0;position:relative}.range-slider input[type=range]{appearance:none;-webkit-appearance:none;background:none;height:5px;pointer-events:none;position:absolute;width:100%}.range-slider input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:#4299e1;border-radius:50%;cursor:pointer;height:20px;pointer-events:auto;width:20px}.products-grid{grid-gap:2rem;gap:2rem;margin-bottom:3rem}.product-card{border-radius:12px;box-shadow:0 4px 6px #0000000d;position:relative}.product-card:hover{box-shadow:0 10px 15px #0000001a;transform:translateY(-5px)}.product-image img{transition:transform .3s ease}.product-info{padding:1.5rem}.product-info h3{color:#2d3748;font-size:1.2rem;margin-bottom:.5rem}.add-to-cart{align-items:center;background:#4299e1;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-weight:500;gap:.5rem;padding:.5rem 1rem;transition:all .2s}.add-to-cart:hover{background:#3182ce}.add-to-cart.added{background:#48bb78}.empty-state{padding:3rem 1rem}.empty-icon{font-size:4rem;margin-bottom:1rem}.empty-state h3{color:#4a5568;font-size:1.5rem;margin-bottom:.5rem}.empty-state p{color:#718096;margin-bottom:1.5rem}.back-to-products{align-items:center;color:#4299e1;display:inline-flex;font-weight:500;gap:.5rem;text-decoration:none;transition:color .2s}.back-to-products:hover{color:#3182ce}.back-container{margin-top:2rem;text-align:center}.back-btn{align-items:center;background:#f7fafc;border-radius:8px;color:#4a5568;display:inline-flex;font-weight:500;gap:.5rem;padding:.75rem 1.5rem;text-decoration:none;transition:all .2s}.back-btn:hover{background:#edf2f7;color:#2d3748}.modal-content{border-radius:12px}.modal-image{border-radius:8px}.modal-image img{object-fit:cover}.modal-current-price{font-size:1.5rem}.modal-original-price{font-size:1.1rem}.modal-add-to-cart{padding:.75rem 1.5rem}.modal-add-to-cart:hover{background:#3182ce}@media (max-width:768px){.modal-body{grid-template-columns:1fr}.filters-header{align-items:stretch;flex-direction:column}.products-grid{gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.page-title{font-size:2rem}}@media (max-width:480px){.products-grid{grid-template-columns:1fr}.product-footer{align-items:flex-start;flex-direction:column;gap:1rem}.add-to-cart{justify-content:center;width:100%}}.view-all-container{margin-top:3rem;position:relative;text-align:center}.view-all-btn{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50px;box-shadow:0 4px 15px #667eea4d;color:#fff;display:inline-flex;font-size:1.1rem;font-weight:600;gap:.75rem;overflow:hidden;padding:1rem 2rem;position:relative;text-decoration:none;transition:all .3s ease}.view-all-btn:hover{box-shadow:0 8px 25px #667eea66;color:#fff;transform:translateY(-3px)}.view-all-btn:active{transform:translateY(0)}.btn-icon{align-items:center;display:flex;justify-content:center;transition:transform .3s ease}.view-all-btn:hover .btn-icon{transform:rotate(15deg)}.btn-text{position:relative;z-index:2}.btn-arrow{align-items:center;display:flex;justify-content:center;transition:transform .3s ease}.view-all-btn:hover .btn-arrow{transform:translateX(-5px)}.btn-hover-effect{background:linear-gradient(135deg,#764ba2,#667eea);height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%;z-index:1}.view-all-btn:hover .btn-hover-effect{left:0}@media (max-width:768px){.view-all-btn{font-size:1rem;padding:.875rem 1.5rem}.btn-text{font-size:.95rem}}@media (max-width:480px){.view-all-btn{flex-direction:column;gap:.5rem;padding:1rem}.btn-arrow,.btn-icon{display:none}}.view-all-btn:focus{box-shadow:0 0 0 3px #667eea80;outline:none}@media (prefers-color-scheme:dark){.view-all-btn{background:linear-gradient(135deg,#7c3aed,#4c1d95);box-shadow:0 4px 15px #7c3aed4d}.view-all-btn:hover{box-shadow:0 8px 25px #7c3aed66}.view-all-btn:hover .btn-hover-effect{background:linear-gradient(135deg,#4c1d95,#7c3aed)}}@keyframes pulse{0%{box-shadow:0 4px 15px #667eea4d;transform:scale(1)}50%{box-shadow:0 8px 25px #667eea66;transform:scale(1.05)}to{box-shadow:0 4px 15px #667eea4d;transform:scale(1)}}.view-all-btn.pulse{animation:pulse 2s infinite}.view-all-btn.alternative{background:linear-gradient(135deg,#f093fb,#f5576c);box-shadow:0 4px 15px #f5576c4d}.view-all-btn.alternative:hover{box-shadow:0 8px 25px #f5576c66}.view-all-btn.alternative .btn-hover-effect{background:linear-gradient(135deg,#f5576c,#f093fb)}.view-all-btn.minimal{background:#0000;border:2px solid #667eea;box-shadow:none;color:#667eea}.view-all-btn.minimal:hover{background:#667eea;box-shadow:0 4px 15px #667eea4d;color:#fff}.view-all-btn.minimal .btn-hover-effect{display:none}.page-info{color:#64748b;font-size:.95rem;margin:20px 0;text-align:center}.pagination{flex-wrap:wrap;gap:15px;justify-content:center;margin:40px 0 20px}.pagination,.pagination-btn{align-items:center;display:flex}.pagination-btn{background:#fff;border:2px solid #e2e8f0;border-radius:8px;color:#4a5568;cursor:pointer;font-weight:600;gap:8px;padding:10px 20px;transition:all .3s ease}.pagination-btn:hover:not(:disabled){background:#f7fafc;border-color:#cbd5e0;transform:translateY(-2px)}.pagination-btn:disabled{cursor:not-allowed;opacity:.5}.pagination-btn.next{flex-direction:row}.pagination-btn.prev{flex-direction:row-reverse}.page-numbers{gap:8px}.page-number,.page-numbers{align-items:center;display:flex}.page-number{background:#fff;border:2px solid #e2e8f0;border-radius:8px;color:#4a5568;cursor:pointer;font-weight:600;height:40px;justify-content:center;transition:all .3s ease;width:40px}.page-number:hover{background:#f7fafc;border-color:#cbd5e0}.page-number.active{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#667eea;color:#fff}.page-ellipsis{color:#a0aec0;font-weight:600;padding:0 10px}@media (max-width:768px){.pagination{gap:10px}.pagination-btn{font-size:.9rem;padding:8px 16px}.page-number{font-size:.9rem;height:35px;width:35px}}@media (max-width:480px){.pagination{flex-direction:column;gap:15px}.page-numbers{margin-bottom:10px;order:-1}.pagination-btn{justify-content:center;max-width:200px;width:100%}.page-info{font-size:.9rem}}.product-list{width:100%}.products-grid{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));margin:0 auto}.product-card{background:#fff;border-radius:15px;box-shadow:0 5px 15px #00000014;display:flex;flex-direction:column;overflow:hidden;transition:all .3s ease}.product-card:hover{box-shadow:0 10px 25px #0000001f}.product-image{height:200px;overflow:hidden;position:relative}.product-image img{height:100%;object-fit:cover;transition:transform .5s ease;width:100%}.product-card:hover .product-image img{transform:scale(1.05)}.product-overlay{align-items:center;background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.product-card:hover .product-overlay{opacity:1}.quick-view{align-items:center;background:#fff;border:none;border-radius:6px;color:#2d3748;cursor:pointer;display:flex;font-weight:500;gap:.5rem;padding:.5rem 1rem;transition:all .2s}.quick-view:hover{background:#4299e1;color:#fff}.discount-badge,.new-badge{border-radius:4px;font-size:.8rem;font-weight:600;padding:.25rem .5rem;position:absolute;top:10px}.new-badge{background:#48bb78;color:#fff;left:10px}.discount-badge{background:#e53e3e;color:#fff;right:10px}.product-details{display:flex;flex-direction:column;flex-grow:1;padding:1.5rem}.product-details h3{color:#2d3748;font-size:1.2rem;line-height:1.3;margin-bottom:.5rem}.product-description{color:#718096;flex-grow:1;font-size:.9rem;line-height:1.5;margin-bottom:1rem}.product-meta{flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.product-category{background:#ebf8ff;color:#3182ce;font-size:.8rem;font-weight:500;padding:.25rem .5rem}.product-rating{align-items:center;color:#d69e2e;display:flex;font-size:.9rem;font-weight:500;gap:.25rem}.star-icon{fill:#f6ad55}.product-footer{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem;justify-content:space-between;margin-top:auto}.price-container{display:flex;flex-direction:column}.product-price{color:#2d3748;font-size:1.25rem}.original-price{color:#a0aec0;font-size:.9rem;text-decoration:line-through}.stock-and-cart{align-items:flex-end;display:flex;flex-direction:column;gap:.5rem}.in-stock{color:#38a169;font-size:.8rem;font-weight:500}.out-of-stock{color:#e53e3e}.add-to-cart-btn,.out-of-stock{font-size:.9rem;font-weight:500}.add-to-cart-btn{align-items:center;background:#4299e1;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;gap:.5rem;padding:.5rem 1rem;transition:all .2s}.add-to-cart-btn:hover{background:#3182ce}.add-to-cart-btn.added{background:#48bb78}.add-to-cart-btn:disabled{background:#a0aec0;cursor:not-allowed}.quick-view-modal{align-items:center;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:1000}.modal-overlay{background:#000000b3;position:absolute}.modal-content{background:#fff;border-radius:15px;box-shadow:0 20px 40px #0003;max-height:90vh;max-width:800px;overflow-y:auto;position:relative;width:100%;z-index:1001}.close-modal{align-items:center;background:#f7fafc;border:none;border-radius:50%;cursor:pointer;display:flex;font-size:1.2rem;height:2.5rem;justify-content:center;position:absolute;right:1rem;top:1rem;transition:background .2s;width:2.5rem;z-index:1002}.close-modal:hover{background:#e2e8f0}.modal-body{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr 1fr;padding:2rem}.modal-image{border-radius:10px;overflow:hidden}.modal-image img{display:block;height:auto;width:100%}.modal-details h3{color:#2d3748;font-size:1.5rem;margin-bottom:1rem}.modal-description{color:#718096;line-height:1.6;margin-bottom:1.5rem}.modal-meta{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1.5rem}.modal-category{background:#ebf8ff;border-radius:4px;color:#3182ce;font-size:.9rem;font-weight:500;padding:.25rem .5rem}.modal-rating{align-items:center;color:#d69e2e;display:flex;font-weight:500;gap:.25rem}.modal-price{margin-bottom:1.5rem}.modal-current-price{color:#2d3748;font-size:1.8rem;font-weight:700}.modal-original-price{color:#a0aec0;font-size:1.2rem;margin-right:.5rem;text-decoration:line-through}.modal-stock{margin-bottom:1.5rem}.modal-actions{gap:1rem}.modal-add-to-cart{align-items:center;background:#4299e1;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;flex:1 1;font-weight:500;gap:.5rem;justify-content:center;padding:1rem 1.5rem;transition:all .2s}.modal-add-to-cart:hover:not(:disabled){background:#3182ce}.modal-add-to-cart:disabled{background:#a0aec0;cursor:not-allowed}.products-loading{padding:3rem;text-align:center}.loading-spinner{border-top-color:#4299e1;margin:0 auto 1rem}.empty-products{color:#718096;padding:3rem;text-align:center}@media (max-width:768px){.products-grid{gap:20px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.modal-body{grid-template-columns:1fr;padding:1.5rem}.product-footer{align-items:flex-start;flex-direction:column}.stock-and-cart{align-items:flex-start;width:100%}.add-to-cart-btn{justify-content:center;width:100%}}@media (max-width:480px){.products-grid{grid-template-columns:1fr}.product-details{padding:1rem}.modal-content{margin:.5rem}.modal-body{gap:1.5rem;padding:1rem}}.splash-screen{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:9999}.splash-content,.splash-screen{align-items:center;display:flex}.splash-content{flex-direction:column;gap:2rem;text-align:center}.bouncing-dog{margin-bottom:1rem}.dog-icon{animation:wag 2s ease-in-out infinite;height:120px;width:120px}.dog-ear{animation:earWiggle 1.5s ease-in-out infinite}@keyframes wag{0%,to{transform:rotate(0deg)}25%{transform:rotate(5deg)}75%{transform:rotate(-5deg)}}@keyframes earWiggle{0%,to{transform:rotate(0deg)}50%{transform:rotate(10deg)}}.splash-title{font-size:2.5rem;font-weight:700;margin-bottom:.5rem;text-shadow:2px 2px 4px #0000004d}.splash-subtitle{font-size:1.2rem;margin-bottom:2rem;opacity:.9}.loading-dots{display:flex;gap:.5rem;margin-bottom:2rem}.dot{animation:bounce 1.4s ease-in-out infinite both;background:#fff;border-radius:50%;height:12px;width:12px}.dot:first-child{animation-delay:-.32s}.dot:nth-child(2){animation-delay:-.16s}.dot:nth-child(3){animation-delay:0s}@keyframes bounce{0%,80%,to{opacity:.5;transform:scale(.8)}40%{opacity:1;transform:scale(1)}}.splash-footer{align-items:center;display:flex;font-size:.9rem;gap:.5rem;opacity:.8}.heart-icon{animation:heartbeat 1.5s ease-in-out infinite}@keyframes heartbeat{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}@media (max-width:768px){.splash-title{font-size:2rem}.splash-subtitle{font-size:1rem}.dog-icon{height:100px;width:100px}}@media (max-width:480px){.splash-title{font-size:1.8rem}.splash-content{gap:1.5rem}}.dog-image{border:4px solid #fff;border-radius:50%;box-shadow:0 8px 25px #0003;height:150px;object-fit:cover;width:150px}.products-management-tab{margin:0 auto;max-width:800px;padding:20px}.tab-header{margin-bottom:2rem;text-align:center}.tab-header h3{color:#2c5aa0;margin-bottom:.5rem}.tab-header p{color:#666}.add-product-form{background:#f8f9fa;border:1px solid #e9ecef;border-radius:12px;padding:2rem}.form-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr;margin-bottom:1.5rem}.form-group{display:flex;flex-direction:column}.form-group.full-width{grid-column:span 2}.form-group label{color:#333;font-weight:600;margin-bottom:.5rem}.form-group input,.form-group select,.form-group textarea{border:2px solid #e1e5e9;border-radius:6px;font-size:16px;padding:12px;transition:border-color .3s ease}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#007bff;outline:none}.form-actions{display:flex;gap:1rem;justify-content:center}.success-message{background:#d4edda;border:1px solid #c3e6cb;border-radius:6px;color:#155724;margin-bottom:1rem;padding:1rem;text-align:center}.form-info{background:#e7f3ff;border-left:4px solid #007bff;border-radius:6px;margin-top:2rem;padding:1rem}.form-info h4{color:#0056b3;margin-bottom:.5rem}.form-info ul{color:#666;margin:0;padding-left:1.5rem}.form-info li{margin-bottom:.25rem}.spinner{animation:spin 1s linear infinite;border:2px solid #fff;border-radius:50%;border-top-color:#0000;display:inline-block;height:16px;margin-left:8px;width:16px}@media (max-width:768px){.form-grid{grid-template-columns:1fr}.form-group.full-width{grid-column:span 1}.form-actions{flex-direction:column}}.no-products{color:#666;padding:3rem;text-align:center}.no-products-icon{font-size:3rem;margin-bottom:1rem}.stock-status{align-items:center;display:flex;font-size:14px;gap:4px;margin:0}.in-stock{color:#28a745}.low-stock{color:#ffc107}.out-of-stock{color:#dc3545}.stock-quantity{font-weight:700}.product-meta{align-items:center;display:flex;justify-content:space-between;margin-top:1rem}.product-price{color:#2c5aa0;font-size:18px;font-weight:700;margin:0}@media (max-width:768px){.products-controls{flex-direction:column}.category-filter,.search-box,.sort-filter{min-width:100%}.filter-controls{flex-direction:column;width:100%}}.selection-header{margin-bottom:1.5rem}.selection-controls{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1rem}.search-box{flex:1 1;min-width:250px;position:relative}.search-input{border:2px solid #e1e5e9;border-radius:8px;font-size:16px;padding:12px 45px 12px 16px;transition:border-color .3s ease;width:100%}.search-input:focus{border-color:#007bff;outline:none}.search-icon{color:#666;position:absolute;right:15px;top:50%;transform:translateY(-50%)}.filter-controls{display:flex;flex-wrap:wrap;gap:1rem}.category-filter,.sort-filter{background:#fff;border:2px solid #e1e5e9;border-radius:8px;font-size:14px;min-width:180px;padding:12px 16px}.search-results-info{color:#666;font-size:14px;margin-bottom:1rem}.product-category{background:#007bffe6;border-radius:4px;color:#fff;font-size:12px;font-weight:700;left:10px;padding:4px 8px;position:absolute;top:10px}.product-description{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;color:#666;display:-webkit-box;font-size:14px;margin:.5rem 0;overflow:hidden}@media (max-width:768px){.selection-controls{flex-direction:column}.category-filter,.search-box,.sort-filter{min-width:100%}.filter-controls{flex-direction:column;width:100%}}.refunded{background:#fff5f5;border-color:#fed7d7}.status-badge{border-radius:12px;font-size:12px;font-weight:700;padding:4px 8px}.status-badge.completed{background:#c6f6d5;color:#22543d}.status-badge.refunded{background:#fed7d7;color:#742a2a}.refund-reason{background:#feebc8;border-radius:4px;font-size:14px;margin:5px 0;padding:8px}.sale-actions{border-top:1px solid #e2e8f0;margin-top:10px;padding-top:10px}.refund-btn{background:#f56565;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;padding:8px 16px}.refund-btn:hover{background:#e53e3e}.modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.refund-modal{background:#fff;border-radius:12px;max-height:80vh;max-width:500px;overflow-y:auto;padding:24px;width:90%}.refund-details{background:#f7fafc;border-radius:8px;margin:12px 0;padding:12px}.modal-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:20px}.btn-primary{background:#3182ce;border-radius:6px}.btn-secondary{background:#a0aec0;border:none;border-radius:6px;color:#fff;cursor:pointer;padding:10px 20px}.btn-primary:hover{background:#2c5282}.btn-secondary:hover{background:#718096}.form-group{margin:15px 0}.form-group label{margin-bottom:5px}.form-group textarea{border:1px solid #cbd5e0;border-radius:6px;padding:10px;width:100%}.settings-management{background:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;padding:20px}.section-header{align-items:center;border-bottom:1px solid #eee;display:flex;justify-content:space-between;margin-bottom:30px;padding-bottom:15px}.section-header h2{color:#333;margin:0}.btn-primary{background-color:#4caf50;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:16px;padding:10px 20px}.btn-primary:disabled{background-color:#ccc;cursor:not-allowed}.btn-primary:hover:not(:disabled){background-color:#45a049}.settings-form{display:flex;flex-direction:column;gap:30px}.form-section{background:#f9f9f9;border:1px solid #eee;border-radius:8px;padding:20px}.form-section h3{border-bottom:1px solid #ddd;color:#555;margin-top:0;padding-bottom:10px}.form-group,.form-section h3{margin-bottom:20px}.form-group label{color:#555;display:block;font-weight:700;margin-bottom:8px}.form-group input[type=tel],.form-group input[type=text],.form-group input[type=time],.form-group textarea{border:1px solid #ddd;border-radius:4px;box-sizing:border-box;font-size:16px;padding:10px;width:100%}.form-group textarea{min-height:80px;resize:vertical}.time-inputs{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr}.days-checkbox{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.checkbox-label{align-items:center;cursor:pointer;display:flex;margin-bottom:5px}.checkbox-label input{margin-left:8px}.empty-state{padding:40px 20px;text-align:center}.empty-icon{font-size:48px;margin-bottom:15px}.social-media-inputs{grid-gap:15px;display:grid;gap:15px;grid-template-columns:1fr}@media (min-width:768px){.social-media-inputs{grid-template-columns:1fr 1fr}}.form-group.with-icon{display:flex;flex-direction:column}.form-group.with-icon label{align-items:center;color:#555;display:flex;font-weight:700;margin-bottom:8px}.loading-container{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:40px}.loading-spinner{animation:spin 1s linear infinite;border:4px solid #f3f3f3;border-radius:50%;border-top-color:#4caf50;height:40px;margin-bottom:15px;width:40px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.message{border-radius:4px;font-weight:700;margin-bottom:20px;padding:10px 15px}.message.success{background-color:#d4edda;border:1px solid #c3e6cb;color:#155724}.message.error{background-color:#f8d7da;border:1px solid #f5c6cb;color:#721c24}
/*# sourceMappingURL=main.0bb1366b.css.map*/