*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background-color:#f5f5f5;color:#333;overscroll-behavior:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}input,textarea{-webkit-user-select:text;user-select:text}#app{max-width:1200px;margin:0 auto;padding:20px}header{text-align:center;margin-bottom:30px;position:relative}h1{color:#2c3e50;font-size:2.5em}.search-section{margin-bottom:30px}.search-input{width:100%;padding:12px 20px;font-size:16px;border:2px solid #ddd;border-radius:8px;transition:border-color .3s}.search-input:focus{outline:none;border-color:#4caf50}.cocktail-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:20px;margin-bottom:40px}.cocktail-card{background:white;border:2px solid #e0e0e0;border-radius:12px;padding:15px;cursor:pointer;transition:all .3s;text-align:center;overflow:visible;position:relative}.cocktail-image{width:100%;height:150px;margin-bottom:10px;border-radius:8px;overflow:hidden;background-color:#f0f0f0}.cocktail-image img{width:auto;height:100%;object-fit:contain;max-width:100%;margin:0 auto;display:block}.cocktail-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.cocktail-card.selected{border-color:#4caf50;background-color:#e8f5e9}.cocktail-card h3{margin-bottom:8px;color:#2c3e50}.category{color:#666;font-size:14px;text-transform:capitalize}.order-section{background:white;border-radius:12px;padding:30px;box-shadow:0 2px 8px #0000001a}.order-section h2{margin-bottom:20px;color:#2c3e50}.order-list{list-style:none;margin-bottom:20px}.order-list li{display:flex;justify-content:space-between;align-items:center;padding:10px;border-bottom:1px solid #eee}.remove-btn{background:#f44336;color:#fff;border:none;padding:5px 15px;border-radius:4px;cursor:pointer;font-size:14px}.remove-btn:hover{background:#d32f2f}.submit-btn{background:#4CAF50;color:#fff;border:none;padding:12px 30px;border-radius:8px;font-size:16px;cursor:pointer;width:100%;transition:background .3s}.submit-btn:hover:not(:disabled){background:#45a049}.submit-btn:disabled{background:#ccc;cursor:not-allowed}.quantity-controls{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:10px}.qty-btn{width:30px;height:30px;border:1px solid #4CAF50;background:white;color:#4caf50;border-radius:50%;font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.qty-btn:hover{background:#4CAF50;color:#fff}.qty-btn.small{width:24px;height:24px;font-size:14px}.qty-display{font-weight:700;color:#4caf50;min-width:30px;text-align:center}.order-item{display:flex;justify-content:space-between;align-items:center;width:100%;flex-wrap:wrap;gap:10px}.item-name{flex:1;text-align:left;min-width:150px}.item-controls{display:flex;align-items:center;gap:8px;flex-wrap:wrap}@media (max-width: 768px){.order-item{flex-direction:column;align-items:stretch}.item-name{margin-bottom:8px;font-weight:500}.item-controls{justify-content:space-between}.cart-icon{bottom:20px;top:auto;right:20px}.order-section{padding:20px}.cocktail-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:15px}h1{font-size:1.8em}.modal{padding:20px}}.qty-input{width:50px;padding:4px;text-align:center;border:1px solid #ddd;border-radius:4px;font-size:14px}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000}.modal{background:white;border-radius:12px;padding:40px;box-shadow:0 4px 20px #0003;max-width:400px;width:90%;text-align:center}.modal h2{color:#2c3e50;margin-bottom:20px;font-size:1.8em}.name-input{width:100%;padding:12px 20px;font-size:16px;border:2px solid #ddd;border-radius:8px;margin-bottom:20px;transition:border-color .3s}.name-input:focus{outline:none;border-color:#4caf50}.name-submit-btn{background:#4CAF50;color:#fff;border:none;padding:12px 30px;border-radius:8px;font-size:16px;cursor:pointer;width:100%;transition:background .3s}.name-submit-btn:hover:not(:disabled){background:#45a049}.name-submit-btn:disabled{background:#ccc;cursor:not-allowed}.user-greeting{color:#666;font-size:1.1em;margin-top:10px}.cart-icon{position:fixed;top:20px;right:20px;background:#4CAF50;color:#fff;padding:12px 16px;border-radius:50px;cursor:pointer;display:flex;align-items:center;gap:8px;box-shadow:0 2px 8px #00000026;transition:all .3s;z-index:999;height:41px}.cart-icon:hover{background:#45a049;transform:translateY(-2px);box-shadow:0 4px 12px #0003}.cart-icon svg{width:24px;height:24px}.cart-count{background:white;color:#4caf50;padding:2px 8px;border-radius:12px;font-size:14px;font-weight:700;min-width:24px;text-align:center}.recipe-btn{width:100%;padding:8px 16px;margin:10px 0;background:transparent;color:#4caf50;border:1px solid #4CAF50;border-radius:6px;cursor:pointer;font-size:14px;transition:all .3s}.recipe-btn:hover{background:#4CAF50;color:#fff}.recipe-modal{max-width:500px;position:relative}.close-btn{position:absolute;top:15px;right:15px;background:none;border:none;font-size:28px;color:#666;cursor:pointer;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s}.close-btn:hover{background:#f0f0f0;color:#333}.recipe-modal h2{margin-bottom:10px;color:#2c3e50;padding-right:40px}.recipe-category{color:#666;font-size:16px;text-transform:capitalize;margin-bottom:20px}.recipe-modal h3{color:#4caf50;margin-bottom:15px;font-size:1.2em}.recipe-ingredients{list-style:none;padding:0}.recipe-ingredients li{padding:8px 0;border-bottom:1px solid #eee;color:#333}.recipe-ingredients li:last-child{border-bottom:none}.recipe-ingredients li:before{content:"• ";color:#4caf50;font-weight:700;margin-right:8px}.install-btn{background:#4CAF50;color:#fff;border:none;padding:8px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #4caf504d;transition:all .3s}.install-btn:hover{background:#45a049;box-shadow:0 6px 16px #4caf5066}.install-btn svg{width:20px;height:20px}.install-tooltip{position:fixed;top:80px;right:20px;background:#333;color:#fff;padding:16px 20px;border-radius:8px;box-shadow:0 4px 12px #0003;z-index:999;max-width:300px;font-size:14px;line-height:1.5;animation:slideIn .3s ease-out}.install-tooltip p{margin:4px 0}.install-tooltip p:first-child{font-weight:600;margin-bottom:8px}@keyframes slideIn{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.admin-link{background:#2196F3;color:#fff;padding:8px;border-radius:50%;text-decoration:none;display:flex;align-items:center;justify-content:center;transition:all .3s;box-shadow:0 2px 6px #0000001a}.admin-link:hover{background:#1976D2;box-shadow:0 4px 8px #00000026}.admin-link svg{width:20px;height:20px}.header-icons{display:flex;gap:10px;margin-bottom:10px}@media (max-width: 768px){.recipe-modal{margin:20px;max-width:calc(100% - 40px)}.recipe-btn{font-size:12px;padding:6px 12px}}