:root{--bg-primary: #1a1a2e;--bg-secondary: #16213e;--bg-card: #0f3460;--bg-hover: #1a4a7a;--accent: #e94560;--accent-hover: #ff6b81;--text-primary: #eee;--text-secondary: #aaa;--text-muted: #777;--gold: #f5a623;--green: #2ecc71;--red: #e74c3c;--border: #2a3a5e;--surface: #1a2a4e;--radius: 8px;--shadow: 0 2px 12px rgba(0,0,0,.3)}[data-theme=light]{--bg-primary: #f0f2f5;--bg-secondary: #ffffff;--bg-card: #ffffff;--bg-hover: #e8ecf1;--accent: #d63851;--accent-hover: #c0283f;--text-primary: #1a1a2e;--text-secondary: #555;--text-muted: #888;--gold: #d4900e;--green: #27ae60;--red: #c0392b;--border: #d0d5dd;--surface: #f7f8fa;--shadow: 0 2px 12px rgba(0,0,0,.08)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Segoe UI,system-ui,-apple-system,sans-serif;background:var(--bg-primary);color:var(--text-primary);min-height:100vh}a{color:var(--accent);text-decoration:none}a:hover{color:var(--accent-hover)}.app{display:flex;flex-direction:column;min-height:100vh}.navbar{background:var(--bg-secondary);padding:1rem 2rem;display:flex;align-items:center;gap:2rem;border-bottom:2px solid var(--accent);flex-wrap:wrap}.navbar-brand{font-size:1.5rem;font-weight:700;color:var(--gold);display:flex;align-items:center;gap:.5rem}.navbar-links{display:flex;gap:.5rem;flex-wrap:wrap}.navbar-links a,.navbar-links button{padding:.5rem 1rem;border-radius:var(--radius);color:var(--text-primary);background:transparent;border:1px solid var(--border);cursor:pointer;font-size:.9rem;transition:all .2s}.navbar-links a:hover,.navbar-links button:hover,.navbar-links a.active{background:var(--accent);border-color:var(--accent);color:#fff}.nav-badge{display:inline-flex;align-items:center;justify-content:center;background:var(--red);color:#fff;font-size:.7rem;font-weight:700;min-width:18px;height:18px;border-radius:9px;padding:0 5px;margin-left:4px;vertical-align:super;animation:badgePulse 2s ease-in-out infinite}@keyframes badgePulse{0%,to{transform:scale(1)}50%{transform:scale(1.15)}}.navbar-options{margin-left:auto;display:flex;align-items:center;gap:1.2rem}.unit-toggle{display:flex;align-items:center;gap:.5rem;font-size:.85rem}.unit-toggle button{padding:.3rem .7rem;border-radius:var(--radius);border:1px solid var(--border);background:transparent;color:var(--text-secondary);cursor:pointer;transition:all .2s}.unit-toggle button.active{background:var(--gold);color:#000;border-color:var(--gold);font-weight:600}.scale-toggle{font-size:.85rem}.scale-toggle label{display:flex;align-items:center;gap:.4rem;cursor:pointer;color:var(--text-secondary);white-space:nowrap}.scale-toggle input[type=checkbox]{accent-color:var(--gold)}.main-content{flex:1;padding:2rem;max-width:1200px;margin:0 auto;width:100%}.card{background:var(--bg-card);border-radius:var(--radius);padding:1.5rem;box-shadow:var(--shadow);border:1px solid var(--border)}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.5rem}.cocktail-card{cursor:pointer;transition:transform .2s,border-color .2s}.cocktail-card:hover{transform:translateY(-2px);border-color:var(--accent)}.cocktail-card h3{color:var(--gold);margin-bottom:.5rem}.cocktail-card .cocktail-thumb{width:100%;max-height:180px;object-fit:cover;border-radius:var(--radius);margin-bottom:.8rem}.cocktail-card .category-badge{display:inline-block;padding:.2rem .6rem;border-radius:12px;font-size:.75rem;background:var(--accent);color:#fff;margin-bottom:.8rem}.cocktail-card .ingredients-preview{color:var(--text-secondary);font-size:.85rem;line-height:1.5}.cocktail-detail{max-width:700px}.cocktail-detail h1{color:var(--gold);font-size:2rem;margin-bottom:.5rem}.cocktail-detail .detail-hero-img{width:100%;max-height:350px;object-fit:cover;border-radius:var(--radius);margin:1rem 0}.detail-section{margin-top:1.5rem}.detail-section h2{color:var(--accent);font-size:1.1rem;margin-bottom:.7rem;text-transform:uppercase;letter-spacing:1px}.ingredient-list{list-style:none}.ingredient-list li{padding:.4rem 0;border-bottom:1px solid rgba(255,255,255,.05);display:flex;justify-content:space-between;align-items:center}.ingredient-list .ing-main{flex:1;display:flex;align-items:center;gap:.4rem;flex-wrap:wrap}.ingredient-list .ing-category{font-size:1rem;color:var(--text-secondary);background:#ffffff14;padding:.2rem .6rem;border-radius:10px;white-space:nowrap}[data-theme=light] .ingredient-list .ing-category{background:#0000000f}[data-theme=light] .ingredient-list li{border-bottom:1px solid rgba(0,0,0,.08)}.ingredient-list .ing-style{font-size:.9rem;color:var(--gold);background:#e0c97f26;border:1px solid rgba(224,201,127,.35);padding:.15rem .55rem;border-radius:10px;white-space:nowrap;font-style:italic}.ingredient-list .amount{color:var(--gold);font-weight:600;min-width:80px}.ing-cat-preview{color:var(--text-muted);font-size:.85em}.glass-list{display:flex;gap:.5rem;flex-wrap:wrap}.glass-badge{display:inline-block;padding:.3rem .8rem;border-radius:12px;font-size:.85rem;border:1px solid var(--gold);color:var(--gold)}.glass-badge.primary{background:var(--gold);color:#000}.recommendation-list{list-style:none}.recommendation-list li{padding:.3rem 0;color:var(--green)}.instructions-text{font-style:italic;line-height:1.6;color:var(--text-secondary);padding:1rem;background:#ffffff08;border-radius:var(--radius);border-left:3px solid var(--accent)}[data-theme=light] .instructions-text{background:#00000008}.search-bar{display:flex;gap:1rem;margin-bottom:1.5rem;flex-wrap:wrap}.search-bar input,.search-bar select{padding:.7rem 1rem;border-radius:var(--radius);border:1px solid var(--border);background:var(--bg-secondary);color:var(--text-primary);font-size:1rem;min-width:200px}.search-bar input:focus,.search-bar select:focus{outline:none;border-color:var(--accent)}.filter-chips{display:flex;gap:.5rem;flex-wrap:wrap;margin-bottom:1rem}.chip{padding:.4rem .8rem;border-radius:16px;font-size:.85rem;border:1px solid var(--border);background:var(--bg-secondary);color:var(--text-secondary);cursor:pointer;transition:all .2s}.chip:hover{border-color:var(--accent);color:var(--text-primary)}.chip.active{background:var(--accent);color:#fff;border-color:var(--accent)}.stock-filter{display:flex;gap:.5rem;align-items:center;margin-bottom:1rem}.stock-filter label{display:flex;align-items:center;gap:.4rem;cursor:pointer;font-size:.9rem}.builder-step{margin-bottom:1.5rem;padding:1rem;background:#ffffff05;border-radius:var(--radius);border:1px solid var(--border)}.builder-step h3{color:var(--accent);margin-bottom:.7rem;font-size:.95rem}.builder-actions{display:flex;gap:.5rem;flex-wrap:wrap;margin-top:1rem}.form-group{margin-bottom:1rem}.form-group label{display:block;margin-bottom:.3rem;color:var(--text-secondary);font-size:.85rem}.form-group input,.form-group select,.form-group textarea{width:100%;padding:.7rem;border-radius:var(--radius);border:1px solid var(--border);background:var(--bg-secondary);color:var(--text-primary);font-size:.95rem}.form-group textarea{min-height:80px;resize:vertical}.btn{padding:.6rem 1.2rem;border-radius:var(--radius);border:none;cursor:pointer;font-size:.9rem;font-weight:600;transition:all .2s}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover{background:var(--accent-hover)}.btn-secondary{background:var(--bg-card);color:var(--text-primary);border:1px solid var(--border)}.btn-secondary:hover{background:var(--bg-hover)}.btn-danger{background:var(--red);color:#fff}.btn-danger:hover{opacity:.8}.btn-success{background:var(--green);color:#fff}.btn-sm{padding:.3rem .7rem;font-size:.8rem}.btn-back{display:inline-flex;align-items:center;gap:.3rem;margin-bottom:1rem;color:var(--text-secondary);cursor:pointer;background:none;border:none;font-size:.9rem}.btn-back:hover{color:var(--text-primary)}.admin-table{width:100%;border-collapse:collapse;margin-top:1rem}.admin-table th,.admin-table td{text-align:left;padding:.7rem;border-bottom:1px solid var(--border)}.admin-table th{color:var(--text-secondary);font-size:.8rem;text-transform:uppercase;letter-spacing:1px}.admin-table tr:hover td{background:#ffffff05}.stock-toggle{width:40px;height:22px;border-radius:11px;border:none;cursor:pointer;position:relative;transition:background .2s}.stock-toggle.in-stock{background:var(--green)}.stock-toggle.out-of-stock{background:var(--red)}.stock-toggle:after{content:"";position:absolute;width:18px;height:18px;background:#fff;border-radius:50%;top:2px;transition:left .2s}.stock-toggle.in-stock:after{left:20px}.stock-toggle.out-of-stock:after{left:2px}.tabs{display:flex;gap:0;margin-bottom:1.5rem;border-bottom:2px solid var(--border)}.tab{padding:.7rem 1.2rem;cursor:pointer;color:var(--text-secondary);border:none;background:none;font-size:.9rem;border-bottom:2px solid transparent;margin-bottom:-2px;transition:all .2s}.tab:hover{color:var(--text-primary)}.tab.active{color:var(--accent);border-bottom-color:var(--accent)}@media(max-width:768px){.navbar{padding:.8rem 1rem;gap:1rem}.main-content{padding:1rem}.card-grid{grid-template-columns:1fr}.search-bar{flex-direction:column}.search-bar input,.search-bar select{min-width:auto}}.empty-state{text-align:center;padding:3rem;color:var(--text-muted)}.empty-state .emoji{font-size:3rem;margin-bottom:1rem}.ingredient-header-row{display:flex;gap:.5rem;margin-bottom:.3rem;font-size:.75rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.ih-amount,.ih-unit{width:80px}.ih-cat{width:140px}.ih-style{width:120px}.ih-name{flex:1;min-width:150px}.ih-del{width:32px}.ingredient-row{display:flex;gap:.5rem;margin-bottom:.5rem;align-items:flex-start}.ingredient-row .ingredient-amount{width:80px;min-width:60px;flex-shrink:0}.ingredient-row .ingredient-unit{width:80px;min-width:70px;flex-shrink:0}.ingredient-row .ingredient-name{width:100%}.ingredient-row .ingredient-category{width:140px;min-width:100px;flex-shrink:0;font-size:.8rem}.ingredient-row .ingredient-style{width:120px;min-width:90px;flex-shrink:0;font-size:.8rem}.autocomplete-wrapper{position:relative;flex:1;min-width:150px}.autocomplete-dropdown{position:absolute;top:100%;left:0;right:0;z-index:100;background:var(--bg-secondary);border:1px solid var(--border);border-top:none;border-radius:0 0 var(--radius) var(--radius);list-style:none;max-height:240px;overflow-y:auto;box-shadow:var(--shadow)}.autocomplete-dropdown li{padding:.5rem .75rem;cursor:pointer;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(255,255,255,.05);transition:background .15s}.autocomplete-dropdown li:hover{background:var(--bg-hover)}.autocomplete-dropdown li:last-child{border-bottom:none}.suggestion-name{font-weight:500;color:var(--text-primary)}.suggestion-meta{font-size:.8rem;color:var(--text-muted);text-align:right}.suggestion-mfr{font-style:italic}@media(max-width:768px){.ingredient-row{flex-wrap:wrap}.ingredient-amount{width:60px;min-width:60px}.ingredient-unit{width:75px;min-width:75px}.ingredient-category,.ingredient-style{width:100%;min-width:auto}.ingredient-header-row{display:none}}.login-page{display:flex;justify-content:center;align-items:center;min-height:100vh;background:var(--bg-primary);padding:1rem}.login-card{width:100%;max-width:400px}.user-info{display:flex;align-items:center;gap:.5rem}.user-badge{font-size:.85rem;color:var(--text-secondary);white-space:nowrap}.star-rating{display:inline-flex;gap:.1rem}.star{font-size:1.5rem;color:#555;cursor:pointer;transition:color .15s;-webkit-user-select:none;user-select:none}[data-theme=light] .star{color:#ccc}.star.filled,.star:hover{color:var(--gold)}.star.readonly{cursor:default}.rating-section{margin:1rem 0;padding:.8rem;background:#ffffff0d;border-radius:var(--radius)}[data-theme=light] .rating-section{background:#00000008}.rating-row{display:flex;align-items:center;gap:.7rem;margin-bottom:.4rem}.rating-row:last-child{margin-bottom:0}.rating-label{font-size:.85rem;color:var(--text-secondary);min-width:110px}.rating-value{font-size:.85rem;color:var(--gold);margin-left:.4rem;font-weight:600}.rating-count{font-size:.8rem;color:var(--text-muted);margin-left:.3rem}