@import"https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&display=swap";:root{--text-main: #0f172a;--text-muted: #475569;--accent-color: #f43f5e}*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}body{font-family:Outfit,sans-serif;color:var(--text-main);overflow:hidden;height:100vh;display:flex;flex-direction:column}.search-container{padding:10px 20px;margin-bottom:10px}.search-bar{width:100%;padding:12px 20px;border-radius:30px;border:none;outline:none;font-family:Outfit,sans-serif;font-size:1rem;box-shadow:inset 0 2px 4px #0000000d}.search-bar::placeholder{color:#94a3b8}.app-header{height:60px;display:flex;align-items:center;justify-content:space-between;padding:0 20px;z-index:10;position:relative}.app-header h1{font-size:1.25rem;font-weight:700;color:#1e293b}.cart-icon-header{position:relative;font-size:1.25rem;cursor:pointer}.cart-badge{position:absolute;top:-6px;right:-10px;background-color:var(--accent-color);color:#fff;font-size:.65rem;font-weight:700;height:18px;min-width:18px;border-radius:9px;display:flex;align-items:center;justify-content:center;padding:0 4px;transition:transform .2s}.app-content{flex:1;overflow-y:auto;overflow-x:hidden;position:relative;scroll-behavior:smooth;padding-bottom:90px}.view{display:none;padding:15px;min-height:100%}.view.active{display:block}.section-title{margin:15px 0;display:flex;justify-content:space-between;align-items:center}.product-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:15px}.product-card{display:flex;flex-direction:column;padding:12px}.product-image-container{width:100%;aspect-ratio:1;border-radius:12px;overflow:hidden;margin-bottom:10px;background:#fff3}.product-image-container img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.product-card:hover .product-image-container img{transform:scale(1.1)}.product-title{font-size:.85rem;font-weight:600;margin-bottom:4px;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;flex-grow:1}.product-price{font-size:1rem;font-weight:700;color:#4338ca;margin-bottom:10px}.add-to-cart-btn{width:100%;padding:8px;border-radius:8px;cursor:pointer;font-family:inherit}.category-list{display:flex;flex-direction:column;gap:12px}.category-card{padding:15px 20px;display:flex;align-items:center;gap:15px;font-weight:600;cursor:pointer}.category-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:15px}.category-card-advanced{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:25px 15px;gap:10px;text-align:center;cursor:pointer;background:linear-gradient(135deg,#fff9,#fff3);border:1px solid rgba(255,255,255,.8);border-radius:16px;box-shadow:0 4px 15px #0000000d}.category-card-advanced i{font-size:2.2rem;color:#4338ca;margin-bottom:5px;transition:transform .3s}.category-card-advanced:hover i{transform:scale(1.1)}.category-card-advanced span{font-weight:700;font-size:.95rem;color:#1e293b}.cart-items{display:flex;flex-direction:column;gap:15px}.cart-item{padding:12px;display:flex;gap:15px;align-items:center}.cart-item-img{width:70px;height:70px;border-radius:10px;object-fit:cover}.cart-item-info{flex:1}.cart-item-title{font-size:.9rem;font-weight:600;margin-bottom:5px}.cart-item-price{color:#4338ca;font-weight:700}.cart-item-actions{display:flex;align-items:center;gap:8px}.qty-btn{width:30px;height:30px;border-radius:50%;border:none;font-weight:700;cursor:pointer}.remove-btn{color:var(--accent-color);background:none;border:none;font-size:1.2rem;padding:5px;cursor:pointer}.cart-summary{padding:20px;margin-top:20px}.summary-row{display:flex;justify-content:space-between;margin-bottom:10px;font-weight:500}.total-row{font-size:1.2rem;font-weight:700;border-top:1px dashed rgba(0,0,0,.2);padding-top:10px;margin-top:10px}.checkout-btn{width:100%;padding:15px;border-radius:12px;margin-top:15px;cursor:pointer;font-size:1.1rem}.profile-header{display:flex;flex-direction:column;align-items:center;padding:30px 0}.profile-avatar-img{width:100px;height:100px;border-radius:50%;object-fit:cover;border:3px solid rgba(255,255,255,.8);box-shadow:0 8px 20px #00000026;margin-bottom:15px}.profile-name{font-size:1.5rem;font-weight:700}.profile-role{color:var(--text-muted);font-weight:500}.profile-options{overflow:hidden}.profile-option{display:flex;align-items:center;padding:16px 20px;border-bottom:1px solid rgba(255,255,255,.2);cursor:pointer}.profile-option:last-child{border-bottom:none}.option-icon{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-right:15px;background:#ffffff4d}.option-text{flex:1;font-weight:600}.about-container{text-align:center;padding:20px 0}.about-card{padding:20px;text-align:left;margin-bottom:20px}.contact-info{padding:20px;text-align:left}.app-footer-text{text-align:center;padding:20px;font-size:.85rem;font-weight:500;opacity:.8}.bottom-nav{position:fixed;bottom:0;left:0;right:0;height:70px;display:flex;justify-content:space-around;align-items:center;padding-bottom:env(safe-area-inset-bottom);z-index:100}.nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;color:#0009;text-decoration:none;flex:1;height:100%;transition:all .3s ease}.nav-item i{font-size:1.25rem;margin-bottom:4px;transition:transform .3s}.nav-item span{font-size:.75rem;font-weight:600}.nav-item.active{color:#1e293b}.nav-item.active i{transform:translateY(-4px) scale(1.1);color:#4338ca}.toast{position:fixed;top:-60px;left:50%;transform:translate(-50%);background:#0f172ae6;color:#fff;padding:12px 24px;border-radius:30px;font-weight:600;transition:top .4s cubic-bezier(.68,-.55,.27,1.55);z-index:1000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.toast.show{top:20px}@media (min-width: 600px){body{background:#cbd5e1;align-items:center;justify-content:center}.app-header,.app-content,.bottom-nav{max-width:400px;margin:0 auto;background:linear-gradient(-45deg,#ee7752,#e73c7e,#23a6d5,#23d5ab)}.bottom-nav{width:100%}}body{background:linear-gradient(-45deg,#ee7752,#e73c7e,#23a6d5,#23d5ab);background-size:400% 400%;animation:gradientBG 15s ease infinite}@keyframes gradientBG{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.glass-card{background:#ffffff40;box-shadow:0 8px 32px #1f268726;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-radius:16px;border:1px solid rgba(255,255,255,.4);transition:transform .3s ease,box-shadow .3s ease,background .3s ease}.glass-card:hover{transform:translateY(-5px);box-shadow:0 12px 40px #1f268740;background:#ffffff59}.glass-nav{background:#fff6;box-shadow:0 -8px 32px #1f26871a;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-top:1px solid rgba(255,255,255,.5)}.app-header.glass-nav{border-top:none;border-bottom:1px solid rgba(255,255,255,.5);box-shadow:0 4px 16px #1f26870d}.animate-fade-in{animation:fadeIn .5s cubic-bezier(.4,0,.2,1) forwards}.animate-slide-up{animation:slideUp .6s cubic-bezier(.4,0,.2,1) forwards;opacity:0}.stagger-1{animation-delay:.1s}.stagger-2{animation-delay:.2s}.stagger-3{animation-delay:.3s}.stagger-4{animation-delay:.4s}@keyframes slideUp{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.btn-glass{background:#ffffff80;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border:1px solid rgba(255,255,255,.6);color:#1e293b;font-weight:600;transition:all .2s ease}.btn-glass:hover,.btn-glass:active{background:#fffc;transform:scale(.95)}.water-drop{position:relative;overflow:hidden}.water-drop:after{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:#fff6;border-radius:50%;transform:translate(-50%,-50%);opacity:0;transition:width .4s ease,height .4s ease,opacity .4s ease}.water-drop:active:after{width:200px;height:200px;opacity:1;transition:0s}.img-shimmer{background:linear-gradient(90deg,#fff0,#fff6,#fff0);background-size:200% 100%;animation:shimmer 1.5s infinite linear}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}