@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";@tailwind base;@tailwind components;@tailwind utilities;:root{--primary: #2A6AFF;--secondary: #4F46E5;--accent: #06D6A0;--dark: #1E1E2C;--light: #F8FAFC}body{font-family:Inter,sans-serif;background-color:#f8fafc;color:#1e1e2c;margin:0;padding:0}.gradient-bg{background:linear-gradient(135deg,#ff7f2a1a,#2a6aff1a)}.commission-system{background:linear-gradient(135deg,#ff7f2a,#2a6aff)}.floating-element{animation:float 6s ease-in-out infinite}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-15px)}to{transform:translateY(0)}}.header{background:linear-gradient(to right,#2a6aff,#4f46e5);color:#fff;padding:1rem;position:sticky;top:0;z-index:100;box-shadow:0 2px 10px #0000001a}.search-container{background:#fff;border-radius:50px;padding:.5rem 1rem;display:flex;align-items:center;margin:0 1rem}.search-input{flex:1;border:none;outline:none;padding:.5rem;font-size:1rem}.bottom-nav{position:fixed;bottom:0;left:0;right:0;background:#fff;display:flex;justify-content:space-around;padding:.8rem 0;box-shadow:0 -2px 10px #0000001a;z-index:100}.nav-item{display:flex;flex-direction:column;align-items:center;color:#6b7280;font-size:.8rem;text-decoration:none;cursor:pointer}.nav-item.active{color:#2a6aff}.nav-item i{font-size:1.2rem;margin-bottom:.3rem}.main-content{padding:1rem;padding-bottom:70px}.category-filters{display:flex;overflow-x:auto;padding:1rem 0;gap:.8rem;-ms-overflow-style:none;scrollbar-width:none}.category-filters::-webkit-scrollbar{display:none}.filter-btn{background:#fff;border:1px solid #E5E7EB;border-radius:50px;padding:.5rem 1.2rem;white-space:nowrap;font-size:.9rem;box-shadow:0 2px 4px #0000000d;cursor:pointer;transition:all .3s ease}.filter-btn.active{background:#2a6aff;color:#fff;border-color:#2a6aff}.product-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin-top:1rem}@media (min-width: 640px){.product-grid{grid-template-columns:repeat(3,1fr)}}@media (min-width: 768px){.product-grid{grid-template-columns:repeat(4,1fr)}}@media (min-width: 1024px){.product-grid{grid-template-columns:repeat(5,1fr)}}.product-card{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 4px 6px #0000000d;transition:transform .3s ease,box-shadow .3s ease;cursor:pointer}.product-card:hover{transform:translateY(-2px);box-shadow:0 6px 12px #0000001a}.product-card:active{transform:scale(.98)}.product-image{width:100%;height:160px;object-fit:cover}.product-info{padding:.8rem}.product-title{font-size:.9rem;font-weight:500;margin-bottom:.5rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.product-price{font-weight:700;font-size:1.1rem;margin-bottom:.3rem}.original-price{text-decoration:line-through;color:#6b7280;font-size:.8rem;margin-left:.5rem}.discount-badge{background:#06d6a0;color:#fff;padding:.2rem .5rem;border-radius:4px;font-size:.8rem;margin-top:.3rem;display:inline-block}.rating{display:flex;align-items:center;margin-top:.5rem;font-size:.8rem;color:#6b7280}.stars{color:#f59e0b;margin-right:.3rem}.order-status{display:inline-block;padding:.3rem .8rem;border-radius:50px;font-size:.8rem;font-weight:500}.status-pending{background:#f59e0b1a;color:#f59e0b}.status-accepted{background:#3b82f61a;color:#3b82f6}.status-delivered{background:#10b9811a;color:#10b981}.order-card{background:#fff;border-radius:12px;padding:1rem;margin-bottom:1rem;box-shadow:0 2px 10px #0000000d;transition:transform .2s ease,box-shadow .2s ease}.order-card:active{transform:translateY(2px);box-shadow:0 1px 5px #0000000d}.order-progress{display:flex;justify-content:space-between;position:relative;margin:1.5rem 0;padding:0 1rem}.order-progress:before{content:"";position:absolute;top:50%;left:0;right:0;height:4px;background:#e5e7eb;transform:translateY(-50%);z-index:1}.progress-step{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center}.step-icon{width:30px;height:30px;border-radius:50%;background:#fff;border:2px solid #E5E7EB;display:flex;align-items:center;justify-content:center;margin-bottom:.5rem;transition:all .3s ease}.step-label{font-size:.7rem;color:#6b7280;text-align:center;transition:all .3s ease}.step-active .step-icon{background:#2a6aff;border-color:#2a6aff;color:#fff}.step-active .step-label{color:#2a6aff;font-weight:500}.step-completed .step-icon{background:#10b981;border-color:#10b981;color:#fff}.step-completed .step-label{color:#10b981;font-weight:500}.progress-bar{position:absolute;top:50%;left:0;height:4px;background:#2a6aff;transform:translateY(-50%);z-index:2;transition:width .5s ease}.analytics-card{background:#fff;border-radius:12px;padding:1.5rem;margin-bottom:1rem;box-shadow:0 2px 10px #0000000d}.chart-container{position:relative;height:250px;width:100%;margin:1rem 0}.time-filter{display:flex;background:#f1f5f9;border-radius:8px;padding:.3rem;margin-bottom:1rem}.time-filter-btn{flex:1;text-align:center;padding:.5rem;border-radius:6px;font-size:.8rem;font-weight:500;cursor:pointer}.time-filter-btn.active{background:#fff;box-shadow:0 1px 3px #0000001a}.wallet-card{background:#fff;border-radius:12px;padding:1.5rem;margin-bottom:1rem;box-shadow:0 2px 10px #0000000d}.bank-card{background:linear-gradient(45deg,#2a6aff,#4f46e5);border-radius:12px;padding:1.2rem;color:#fff;margin-bottom:1rem;position:relative;overflow:hidden;box-shadow:0 4px 15px #2a6aff33}.bank-card:before{content:"";position:absolute;top:-20px;right:-20px;width:80px;height:80px;border-radius:50%;background:#ffffff1a}.bank-card:after{content:"";position:absolute;bottom:-30px;right:-30px;width:100px;height:100px;border-radius:50%;background:#ffffff1a}.card-chip{width:40px;height:30px;background:linear-gradient(45deg,#ffd166,#f9c74f);border-radius:5px;margin:1rem 0}.card-number{letter-spacing:2px;font-size:1.1rem;margin-bottom:1rem}.card-details{display:flex;justify-content:space-between}.primary-badge{background:#fff3;padding:.2rem .8rem;border-radius:20px;font-size:.7rem;margin-top:.5rem;display:inline-block}.settings-card{background:#fff;border-radius:12px;padding:1.5rem;margin-bottom:1rem;box-shadow:0 2px 10px #0000000d}.settings-item{display:flex;justify-content:space-between;align-items:center;padding:1rem 0;border-bottom:1px solid #F1F5F9}.settings-item:last-child{border-bottom:none}.settings-item-content{display:flex;align-items:center}.settings-icon{width:40px;height:40px;border-radius:10px;background:#f1f5f9;display:flex;align-items:center;justify-content:center;margin-right:1rem;color:#2a6aff}.transaction-item{display:flex;justify-content:space-between;padding:1rem 0;border-bottom:1px solid #F1F5F9}.transaction-item:last-child{border-bottom:none}.transaction-icon{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;margin-right:1rem}.transaction-income{background:#10b9811a;color:#10b981}.transaction-expense{background:#ef44441a;color:#ef4444}.flex-between{display:flex;justify-content:space-between;align-items:center}.mb-1{margin-bottom:.5rem}.mb-2{margin-bottom:1rem}.mt-1{margin-top:.5rem}.mt-2{margin-top:1rem}.text-sm{font-size:.9rem}.text-xs{font-size:.8rem}.font-semibold{font-weight:600}.toggle-switch{position:relative;display:inline-block;width:50px;height:24px}.toggle-switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;inset:0;background-color:#ccc;transition:.4s;border-radius:34px}.slider:before{position:absolute;content:"";height:16px;width:16px;left:4px;bottom:4px;background-color:#fff;transition:.4s;border-radius:50%}input:checked+.slider{background-color:#2a6aff}input:checked+.slider:before{transform:translate(26px)}.line-clamp-1{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}.line-clamp-2{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.dropdown{position:relative;display:inline-block}.dropdown-content{display:none;position:absolute;right:0;min-width:160px;z-index:1}.dropdown:hover .dropdown-content{display:block}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.line-clamp-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.product-card{transition:all .3s ease}.product-card:hover{transform:translateY(-4px)}.category-filters{scrollbar-width:thin;scrollbar-color:#cbd5e0 transparent}.category-filters::-webkit-scrollbar{height:4px}.category-filters::-webkit-scrollbar-track{background:transparent}.category-filters::-webkit-scrollbar-thumb{background-color:#cbd5e0;border-radius:20px}.analytics-scrollbar::-webkit-scrollbar{width:6px;height:6px}.analytics-scrollbar::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}.analytics-scrollbar::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:10px}.analytics-scrollbar::-webkit-scrollbar-thumb:hover{background:#a8a8a8}