*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;overflow-x:hidden}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f9fafb}#root{width:100%;min-height:100vh}button{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}::-webkit-scrollbar{display:none}img,a{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.app-mobile{min-height:100vh;display:flex;flex-direction:column;background-color:#f5f5f5;position:relative;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.mobile-header{display:flex;align-items:center;justify-content:space-between;background:linear-gradient(135deg,#87cefa,#4682b4);box-shadow:0 4px 12px #0000001a;position:sticky;top:0;z-index:100;padding:12px 16px;gap:12px}.menu-button{background:#fff3;border:none;color:#fff;font-size:24px;width:40px;height:40px;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0}.logo-container{display:flex;align-items:center;gap:10px;flex:1;justify-content:center;min-width:0}.logo-image{width:40px;height:40px;border-radius:8px;object-fit:contain;box-shadow:0 2px 8px #0003}.logo-text{font-size:18px;font-weight:700;margin:0;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.2);letter-spacing:-.5px}.cart-button-header{position:relative;width:40px;height:40px;padding:0;border-radius:8px;border:2px solid rgba(255,255,255,.3);background:#ffffff1a;cursor:pointer;transition:all .3s;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;flex-shrink:0}.cart-button-header:hover{background:#fff3;transform:scale(1.05)}.cart-button-header svg{width:20px;height:20px;stroke:#fff;stroke-width:2}.cart-badge{position:absolute;top:-6px;right:-6px;background:linear-gradient(135deg,#ff6b6b,#ee5a24);color:#fff;font-size:10px;font-weight:700;border-radius:50%;width:22px;height:22px;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 6px #0000004d;border:2px solid white;z-index:10}.categories-sidebar{position:fixed;top:0;left:0;bottom:0;width:280px;background:linear-gradient(to bottom,#fff,#f8f9fa);box-shadow:4px 0 20px #00000026;z-index:1000;overflow-y:auto}.sidebar-header{padding:16px;border-bottom:1px solid #e9ecef;display:flex;justify-content:flex-end;background-color:#fff;position:sticky;top:0;z-index:10}.close-sidebar-button{background:linear-gradient(135deg,#667eea,#764ba2);border:none;font-size:28px;width:40px;height:40px;border-radius:50%;cursor:pointer;color:#fff;transition:all .3s;box-shadow:0 4px 12px #667eea66}.close-sidebar-button:hover{transform:rotate(90deg) scale(1.1);box-shadow:0 6px 16px #667eea99}.sidebar-content{padding:16px}.sidebar-info{margin-top:24px;padding:20px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;text-align:center;box-shadow:0 8px 24px #667eea4d}.sidebar-logo{width:60px;height:60px;border-radius:10px;object-fit:contain;margin:0 auto 12px;display:block;background:#fff3;padding:8px}.sidebar-title{font-size:16px;font-weight:700;margin:0 0 8px;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.2)}.sidebar-description{font-size:12px;color:#ffffffe6;margin:0 0 16px}.sidebar-link{display:inline-block;padding:10px 20px;background-color:#fff;color:#667eea;text-align:center;border-radius:8px;font-size:13px;font-weight:600;text-decoration:none;transition:all .3s;box-shadow:0 4px 12px #00000026}.sidebar-link:hover{background-color:#f8f9fa;transform:translateY(-2px);box-shadow:0 6px 16px #0003}.main-content{flex:1;padding:12px;overflow-y:auto;background-color:#f5f5f5}.search-container{position:relative;margin-bottom:16px}.search-input{width:100%;padding:14px 14px 14px 40px;border:none;border-radius:12px;font-size:14px;background:#fff;box-shadow:0 2px 8px #0000001a;transition:all .3s;outline:none}.search-input:focus{box-shadow:0 4px 16px #667eea4d;transform:translateY(-1px)}.search-icon{position:absolute;left:14px;top:calc(50% - 8px);color:#667eea;opacity:.7}.categories-container{display:flex;flex-direction:column;gap:12px}.category-item{background:#fff;border-radius:12px;box-shadow:0 2px 12px #00000014;overflow:hidden;transition:all .3s}.category-item:hover{box-shadow:0 4px 8px #0000001f;transform:translateY(-2px)}.category-header{padding:16px;display:flex;justify-content:space-between;align-items:center;cursor:pointer;background:linear-gradient(to right,#f8f9fa,#e9ecef);transition:all .3s}.category-header:hover{background:linear-gradient(to right,#e9ecef,#dee2e6)}.category-name{font-weight:700;font-size:16px;color:#2d3748;flex:1}.expand-icon{font-size:8px;color:#667eea;margin-left:12px;transition:transform .3s}.category-content{padding:0 12px;background-color:#f8f9fa;overflow:hidden;transition:all .2s ease}.category-content.expanded{padding:12px}.products-list{display:flex;flex-direction:column;gap:8px;margin-top:8px}.product-item{display:flex;align-items:center;padding:12px;background:#fff;border-radius:10px;border:1px solid #e9ecef;transition:all .3s}.product-item:hover{box-shadow:0 4px 12px #667eea26;border-color:#667eea;transform:translate(4px)}.product-image-wrapper{width:60px;height:60px;display:flex;align-items:center;justify-content:center;margin-right:12px;flex-shrink:0;border-radius:8px;overflow:hidden;background:linear-gradient(135deg,#f5f7fa,#e4e7f4);box-shadow:0 2px 6px #00000014}.product-image{width:100%;height:100%;object-fit:contain;transition:transform .3s}.product-item:hover .product-image{transform:scale(1.1)}.no-image-placeholder{width:100%;height:100%;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center}.no-image-text{color:#fff;font-size:24px}.product-info{flex:1;min-width:0}.product-name{font-weight:600;font-size:14px;color:#2d3748;margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;line-height:1.4}.product-unit{font-size:12px;color:#718096;font-weight:500}.cart-button{position:relative;background:linear-gradient(135deg,#87cefa 20%,#69bbef 80%);border:none;width:48px;height:48px;border-radius:10px;font-size:20px;color:#fff;cursor:pointer;padding:0;transition:all .3s;box-shadow:0 4px 12px #667eea66}.cart-button:hover{transform:scale(1.1) rotate(5deg);box-shadow:0 6px 16px #667eea99}.cart-quantity{position:absolute;top:-6px;right:-6px;background-color:#ff6b6b;color:#fff;border-radius:50%;width:22px;height:22px;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;box-shadow:0 2px 6px #0000004d;border:2px solid white}.bottom-controls{position:fixed;right:16px;bottom:16px;display:flex;flex-direction:column;gap:8px;z-index:100}.control-button{padding:10px 14px;border:none;border-radius:8px;background:#fffffff2;color:#667eea;cursor:pointer;font-size:13px;font-weight:600;transition:all .3s;box-shadow:0 4px 12px #00000026;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);min-width:140px;text-align:center}.control-button:hover{background:#fff;transform:translateY(-2px);box-shadow:0 6px 16px #0003;color:#764ba2}.control-button:active{transform:translateY(0)}.mobile-footer{background:linear-gradient(135deg,#87cefa,#4682b4);padding:12px;text-align:center}.footer-link{color:#fff;text-decoration:none;font-weight:600;font-size:14px;transition:all .3s;display:inline-block;padding:8px 16px;border-radius:8px;background:#fff3}.footer-link:hover{background:#ffffff4d;transform:scale(1.05)}.quantity-modal-overlay{position:fixed;inset:0;background-color:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.quantity-modal{background:#fff;padding:24px;border-radius:16px;width:90%;max-width:400px;box-shadow:0 20px 60px #0000004d;animation:modalSlideUp .3s ease-out}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}.modal-title{font-weight:700;font-size:20px;margin-bottom:16px;color:#2d3748;text-align:center}.modal-product-name{color:#2d3748;margin-bottom:6px;font-size:16px;font-weight:600;text-align:center}.modal-product-unit{font-size:13px;color:#718096;margin-bottom:20px;text-align:center}.quantity-input-wrapper{margin-bottom:20px}.quantity-label{display:block;font-size:13px;font-weight:600;color:#2d3748;margin-bottom:8px;text-align:center}.quantity-input-container{display:flex;align-items:center;gap:10px;justify-content:center}.quantity-input{width:100px;padding:12px;border:2px solid #e2e8f0;border-radius:8px;font-size:16px;font-weight:600;text-align:center;transition:all .3s}.quantity-input:focus{border-color:#667eea;box-shadow:0 0 0 4px #667eea1a;outline:none}.quantity-unit{color:#718096;font-size:14px;font-weight:600}.modal-buttons{display:flex;gap:12px}.modal-cancel-button,.modal-confirm-button{flex:1;padding:12px;border-radius:8px;border:none;cursor:pointer;font-weight:600;font-size:14px;transition:all .3s}.modal-cancel-button{background:linear-gradient(135deg,#e2e8f0,#cbd5e0);color:#4a5568}.modal-cancel-button:hover{background:linear-gradient(135deg,#cbd5e0,#a0aec0);transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.modal-confirm-button{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;box-shadow:0 4px 12px #667eea66}.modal-confirm-button:hover{transform:translateY(-2px);box-shadow:0 6px 16px #667eea99}.cart-overlay{position:fixed;inset:0;background-color:#00000080;z-index:1000}.cart-container{position:absolute;right:0;top:0;bottom:0;width:100%;max-width:100%;background-color:#fff;box-shadow:-4px 0 20px #00000026;display:flex;flex-direction:column}.cart-header{padding:16px;border-bottom:2px solid #e9ecef;display:flex;justify-content:space-between;align-items:center;flex-shrink:0;background:#fff;position:sticky;top:0;z-index:10}.cart-title{font-weight:700;font-size:18px;color:#2d3748;margin:0}.close-cart-button{background:linear-gradient(135deg,#ff6b6b,#ee5a24);border:none;font-size:24px;width:40px;height:40px;border-radius:50%;cursor:pointer;color:#fff;transition:all .3s;box-shadow:0 4px 12px #ef5a2466}.close-cart-button:hover{transform:scale(1.1);box-shadow:0 6px 16px #ef5a2499}.cart-content{padding:16px;overflow-y:auto;flex:1;min-height:0;background-color:#f8f9fa}.empty-cart-message{color:#718096;text-align:center;padding:40px 20px;font-size:16px}.cart-category{margin-bottom:16px;background:#fff;border-radius:10px;padding:12px;box-shadow:0 2px 8px #00000014}.cart-category-title{font-weight:700;font-size:13px;color:#667eea;margin-bottom:12px;padding-bottom:8px;border-bottom:2px solid #f0f0f0}.cart-item{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid #f0f0f0}.cart-item:last-child{border-bottom:none}.cart-item-info{flex:1;min-width:0}.cart-item-name{font-weight:600;font-size:14px;color:#2d3748;margin-bottom:4px}.cart-item-unit{font-size:12px;color:#718096}.cart-item-controls{display:flex;align-items:center;gap:8px;flex-shrink:0}.quantity-button{width:32px;height:32px;border-radius:8px;border:2px solid #e2e8f0;background:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:18px;color:#667eea;font-weight:700;transition:all .3s;box-shadow:0 2px 6px #0000000d}.quantity-button:hover{background:#667eea;color:#fff;border-color:#667eea;transform:scale(1.1);box-shadow:0 4px 12px #667eea4d}.quantity-input-small{width:50px;padding:6px;text-align:center;border:2px solid #e2e8f0;border-radius:8px;font-size:14px;font-weight:600;transition:all .3s}.quantity-input-small:focus{border-color:#667eea;box-shadow:0 0 0 4px #667eea1a;outline:none}.remove-button{background:linear-gradient(135deg,#ff6b6b,#ee5a24);border:none;color:#fff;font-size:20px;width:32px;height:32px;border-radius:8px;cursor:pointer;transition:all .3s;box-shadow:0 2px 6px #ef5a244d}.remove-button:hover{transform:scale(1.1);box-shadow:0 4px 12px #ef5a2480}.cart-footer{padding:16px;border-top:2px solid #e9ecef;flex-shrink:0;background-color:#fff;display:flex;flex-direction:column;gap:10px}.clear-cart-button,.send-request-button,.download-button{width:100%;padding:14px;border-radius:10px;border:none;font-weight:600;cursor:pointer;font-size:15px;transition:all .3s;display:flex;align-items:center;justify-content:center;gap:8px}.clear-cart-button{background:linear-gradient(135deg,#ff6b6b,#ee5a24);color:#fff;box-shadow:0 4px 12px #ef5a2466}.clear-cart-button:hover{transform:translateY(-2px);box-shadow:0 6px 16px #ef5a2499}.send-request-button{background:linear-gradient(135deg,#10b981,#059669);color:#fff;box-shadow:0 4px 12px #10b98166}.send-request-button:hover{transform:translateY(-2px);box-shadow:0 6px 16px #10b98199}.download-button{background:linear-gradient(135deg,#6366f1,#4f46e5);color:#fff;box-shadow:0 4px 12px #6366f166}.download-button:hover{transform:translateY(-2px);box-shadow:0 6px 16px #6366f199}@media(max-width:768px){.category-item{margin-bottom:8px}.product-image-wrapper{width:50px;height:50px}.bottom-controls{flex-direction:column;gap:8px}.control-button{width:100%;padding:12px}.cart-item{flex-direction:column;align-items:flex-start;gap:12px}.cart-item-controls{width:100%;justify-content:flex-end}.quantity-modal{padding:20px}}.search-results-dropdown{position:absolute;top:100%;left:0;right:0;background:#fff;border-radius:12px;box-shadow:0 8px 32px #00000026;margin-top:8px;max-height:400px;overflow-y:auto;z-index:100;animation:slideDown .2s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.search-result-item{display:flex;align-items:center;padding:14px 16px;cursor:pointer;transition:all .2s;border-bottom:1px solid #f0f0f0}.search-result-item:last-child{border-bottom:none}.search-result-item:hover{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.search-result-icon{font-size:20px;margin-right:12px;min-width:24px;text-align:center}.search-result-content{flex:1;min-width:0}.search-result-title{font-weight:600;font-size:14px;color:#2d3748;margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.search-result-item:hover .search-result-title{color:#fff}.search-result-category{font-size:12px;color:#718096}.search-result-item:hover .search-result-category{color:#ffffffe6}.search-result-limit{padding:12px 16px;font-size:12px;color:#718096;text-align:center;font-style:italic;border-top:1px solid #f0f0f0;background-color:#f8f9fa}.search-no-results{position:absolute;top:100%;left:0;right:0;background:#fff;border-radius:12px;box-shadow:0 8px 32px #00000026;margin-top:8px;padding:40px 20px;text-align:center;z-index:100}.no-results-icon{font-size:48px;margin-bottom:12px}.no-results-text{font-size:16px;font-weight:600;color:#2d3748;margin-bottom:8px}.no-results-hint{font-size:13px;color:#718096}.empty-state{text-align:center;padding:60px 20px;color:#718096}.empty-icon{font-size:64px;margin-bottom:16px}.empty-title{font-size:20px;font-weight:700;color:#2d3748;margin-bottom:12px}.empty-description{font-size:14px;color:#718096}@keyframes slideUp{0%{opacity:0;transform:translate(-50%) translateY(20px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@keyframes fadeOut{0%{opacity:1}to{opacity:0;transform:translate(-50%) translateY(-10px)}}.share-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:10000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.share-overlay .share-btn:hover{opacity:.9;transform:translateY(-2px);box-shadow:0 4px 12px #0003}.share-overlay .share-btn:active{transform:translateY(0);opacity:1}.share-overlay .share-close-btn:hover{background:#dc2626;transform:scale(1.02)}.share-overlay .share-close-btn:active{transform:scale(1)}