:root{--bg-color:#0f172a;--surface-color:#1e293bb3;--surface-border:#ffffff1a;--primary-color:#3b82f6;--primary-hover:#2563eb;--text-primary:#f8fafc;--text-secondary:#94a3b8;--accent-color:#10b981;--danger-color:#ef4444}*{box-sizing:border-box;margin:0;padding:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}body{background-color:var(--bg-color);color:var(--text-primary);min-height:100vh;overflow-x:hidden}.glass{background:var(--surface-color);-webkit-backdrop-filter:blur(12px);border:1px solid var(--surface-border);border-radius:16px}.btn{cursor:pointer;border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-weight:600;transition:all .2s;display:flex}.btn-primary{background-color:var(--primary-color);color:#fff;box-shadow:0 4px 14px #3b82f663}.btn-primary:hover{background-color:var(--primary-hover);transform:translateY(-2px);box-shadow:0 6px 20px #3b82f63b}.btn-icon{color:var(--text-secondary);background:0 0;border:1px solid #0000;border-radius:50%;padding:8px}.btn-icon:hover{color:var(--text-primary);background:#ffffff1a}.app-container{grid-template-columns:1fr 380px;gap:20px;height:100vh;padding:20px;display:grid}@media (width<=1024px){.app-container{grid-template-columns:1fr 300px}}@media (width<=768px){.app-container{flex-direction:column;gap:10px;height:auto;min-height:100vh;padding:10px;display:flex}.cart-panel{z-index:100;border-bottom-right-radius:0;border-bottom-left-radius:0;height:70vh;transition:transform .3s cubic-bezier(.4,0,.2,1);position:fixed;bottom:0;left:0;right:0;transform:translateY(100%)}.cart-panel.open{transform:translateY(0)}}.main-content{flex-direction:column;gap:20px;padding-right:10px;display:flex;overflow-y:auto}.main-content::-webkit-scrollbar{width:6px}.main-content::-webkit-scrollbar-thumb{background:var(--surface-border);border-radius:10px}.header{flex-shrink:0;justify-content:space-between;align-items:center;padding:20px;display:flex}.header h1{background:linear-gradient(90deg,#60a5fa,#a78bfa);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:1.5rem;font-weight:700}.search-bar{border:1px solid var(--surface-border);background:#ffffff0d;border-radius:12px;align-items:center;width:300px;padding:10px 16px;display:flex}.search-bar input{color:var(--text-primary);background:0 0;border:none;outline:none;width:100%;margin-left:10px;font-size:.95rem}.search-bar input::placeholder{color:var(--text-secondary)}.categories{flex-shrink:0;gap:12px;padding:4px 4px 14px;display:flex;overflow-x:auto}@media (width<=768px){.categories{flex-wrap:wrap;padding-bottom:4px;overflow-x:visible}}.categories::-webkit-scrollbar{display:none}.category-chip{border:1px solid var(--surface-border);color:var(--text-secondary);cursor:pointer;white-space:nowrap;background:#ffffff0d;border-radius:20px;flex-shrink:0;align-items:center;padding:10px 20px;font-weight:500;transition:all .2s;display:flex}.category-chip.active{background:var(--primary-color);color:#fff;border-color:var(--primary-color);box-shadow:0 4px 14px #3b82f663}.products-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:16px;display:grid}.dashboard-grid{grid-template-columns:1fr 350px;gap:20px;display:grid}@media (width<=768px){.dashboard-grid{grid-template-columns:1fr}}.responsive-table{border-collapse:collapse;text-align:left;width:100%}.responsive-table th,.responsive-table td{white-space:nowrap;padding:12px}@media (width<=768px){.responsive-table,.responsive-table tbody,.responsive-table tr,.responsive-table td{width:100%;display:block}.responsive-table thead{display:none}.responsive-table tr{border:1px solid var(--surface-border);background:#ffffff08;border-radius:12px;margin-bottom:16px;overflow:hidden}.responsive-table td{text-align:right;white-space:normal;border-bottom:1px dashed #ffffff1a;justify-content:flex-end;align-items:center;padding:12px 16px;display:flex;position:relative}.responsive-table td:last-child{background:#0000001a;border-bottom:none}.responsive-table td:before{content:attr(data-label);text-align:left;color:var(--text-secondary);font-size:.85rem;font-weight:600;position:absolute;left:16px}}.product-card{cursor:pointer;flex-direction:column;gap:12px;padding:16px;transition:transform .2s,box-shadow .2s;display:flex}.product-card:hover{border-color:#fff3;transform:translateY(-5px);box-shadow:0 10px 25px -5px #00000080}.product-image{object-fit:cover;background:#ffffff0d;border-radius:12px;width:100%;height:140px}.product-info h3{margin-bottom:4px;font-size:1rem;font-weight:600}.product-info p{color:var(--accent-color);font-size:1.1rem;font-weight:700}.cart-panel{flex-direction:column;height:100%;display:flex}.cart-header{border-bottom:1px solid var(--surface-border);padding:24px}.cart-header h2{font-size:1.25rem;font-weight:600}.cart-items{flex-direction:column;flex:1;gap:16px;padding:24px;display:flex;overflow-y:auto}.cart-item{align-items:center;gap:12px;display:flex}.cart-item-img{object-fit:cover;border-radius:8px;width:50px;height:50px}.cart-item-details{flex:1}.cart-item-details h4{margin-bottom:4px;font-size:.9rem}.cart-item-details p{color:var(--accent-color);font-size:.85rem;font-weight:600}.cart-item-actions{background:#0003;border-radius:20px;align-items:center;gap:8px;padding:4px;display:flex}.cart-item-actions button{color:#fff;cursor:pointer;background:#ffffff1a;border:none;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.cart-item-actions span{text-align:center;min-width:20px;font-size:.9rem;font-weight:600}.cart-footer{border-top:1px solid var(--surface-border);background:#0003;border-bottom-right-radius:16px;border-bottom-left-radius:16px;padding:24px}.summary-row{color:var(--text-secondary);justify-content:space-between;margin-bottom:12px;font-size:.9rem;display:flex}.summary-row.total{color:var(--text-primary);border-top:1px dashed var(--surface-border);margin-top:16px;margin-bottom:24px;padding-top:16px;font-size:1.25rem;font-weight:700}.checkout-btn{width:100%;padding:16px;font-size:1.1rem}.empty-cart{height:100%;color:var(--text-secondary);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:16px;display:flex}.mobile-cart-toggle{background:var(--primary-color);color:#fff;z-index:99;cursor:pointer;border:none;border-radius:30px;width:60px;height:60px;display:none;position:fixed;bottom:20px;right:20px;box-shadow:0 4px 14px #3b82f680}.mobile-cart-badge{background:var(--danger-color);color:#fff;border-radius:12px;justify-content:center;align-items:center;width:24px;height:24px;font-size:.75rem;font-weight:700;display:flex;position:absolute;top:-5px;right:-5px}@media (width<=768px){.mobile-cart-toggle{justify-content:center;align-items:center;display:flex}}