:root{--bg: #f8f5ee;--bg-card: #fffdf8;--bg-raised: #f2ead7;--bg-input: #ece1c4;--gold: #a7782a;--gold-dim: #775817;--amber: #b86318;--text: #2f261a;--text-muted: #6f5d47;--text-dim: #958061;--border: #d8ccb2;--border-mid: #c2af90;--success: #4c7458;--danger: #8a3535;--danger-text: #a64949;--radius-sm: .375rem;--radius-md: .625rem;--radius-lg: .875rem;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .4);--shadow-md: 0 4px 16px rgba(0, 0, 0, .5);--shadow-lg: 0 12px 40px rgba(0, 0, 0, .6);--primary: var(--gold);--primary-muted: var(--gold);--surface: var(--bg-card);--surface-alt: var(--bg-raised);--bg-alt: var(--bg-raised);--color-text-primary: var(--text);--color-text-secondary: var(--text-muted);--color-border-primary: var(--border);--color-border-secondary: var(--border-mid);--color-border-tertiary: var(--border);--color-background-secondary: var(--bg-raised)}.dark{--bg: #181510;--bg-card: #2b241b;--bg-raised: #352e24;--bg-input: #433a2d;--gold: #d8b665;--gold-dim: #9f7d3e;--amber: #e18e29;--text: #f4eddc;--text-muted:#c4b28b;--text-dim: #9a8d70;--border: #5a503f;--border-mid:#6d6250;--success: #63ab77;--danger: #b25656;--danger-text: #f39c9c;--white: #ffffff;--radius-sm: .375rem;--radius-md: .625rem;--radius-lg: .875rem;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .35);--shadow-md: 0 4px 16px rgba(0, 0, 0, .45);--shadow-lg: 0 12px 40px rgba(0, 0, 0, .55)}.bartender-mode{--bg: #f7f3ec}.dark .bartender-mode{--bg: #0f0e0c}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background-color:var(--bg);color:var(--text)}.header{background:var(--bg-card);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:10;box-shadow:var(--shadow-md)}.header-container{max-width:1100px;margin:0 auto;padding:.5rem 1.5rem}.header-top{display:flex;align-items:center;justify-content:space-between;gap:1rem}.header-brand{display:flex;align-items:center;gap:.75rem;min-width:0}.header-logo{height:36px;width:auto;object-fit:contain;filter:brightness(.9) sepia(.3);transition:transform .2s ease}.header-logo:hover{transform:scale(1.05)}.dark .header-logo{filter:brightness(0) invert(1) sepia(1) saturate(2) hue-rotate(5deg)}.header-title{font-size:1rem;font-weight:700;color:var(--gold);margin:0;text-transform:uppercase;letter-spacing:1.5px;transition:color .2s ease;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:min(100%,26rem)}.header-brand:hover .header-title{color:var(--gold-bright, #d4a537)}.search-container{position:relative;flex:1}.search-icon{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);color:var(--text-muted);width:16px;height:16px}.search-input{width:100%;padding:.6rem 1rem .6rem 2.4rem;border:1px solid var(--border-mid);border-radius:var(--radius-md);font-size:.9rem;background:var(--bg-input);color:var(--text);transition:border-color .2s,box-shadow .2s}.search-input:focus{outline:none;border-color:var(--gold-dim);box-shadow:0 0 0 3px #c9a84c1a}.search-input::placeholder{color:var(--text-dim)}.menu-app{background-color:var(--bg);color:var(--text);min-height:100vh}.main-content{max-width:1100px;margin:0 auto;padding:1.25rem 1.5rem}.section-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);margin-bottom:.75rem;overflow:hidden}.section-card>.expand-actions-btn{border-radius:0;box-shadow:none;border-bottom:1px solid var(--border)}.section-title{font-size:.875rem;font-weight:700;color:var(--text);margin:0;text-transform:uppercase;letter-spacing:2px}.btn-primary{padding:.6rem 1.25rem;background:linear-gradient(180deg,#d8b564,var(--gold));color:#14110b;border:none;border-radius:var(--radius-sm);font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;cursor:pointer;transition:all .2s ease}.btn-primary:hover:not(:disabled){background:linear-gradient(180deg,#e2c57a,#cfab50);box-shadow:0 0 12px #c9a84c4d;transform:translateY(-1px)}.btn-secondary{padding:.6rem 1.25rem;background:var(--bg-raised);color:var(--text-muted);border:1px solid var(--border-mid);border-radius:var(--radius-sm);font-size:.8rem;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-secondary:hover{border-color:var(--gold-dim);color:var(--text);background:linear-gradient(180deg,color-mix(in srgb,var(--bg-raised) 88%,white 12%),var(--bg-raised))}.btn-mode{display:flex;align-items:center;gap:.4rem;padding:.5rem 1rem;border:1px solid var(--border-mid);border-radius:var(--radius-sm);font-size:.8rem;font-weight:600;cursor:pointer;transition:all .2s;letter-spacing:.5px}.btn-mode-inactive{background:var(--bg-card);color:var(--text-muted)}.btn-mode-inactive:hover{border-color:var(--gold-dim);color:var(--gold);background:var(--bg-raised)}.btn-mode-active{background:linear-gradient(180deg,color-mix(in srgb,var(--bg-card) 94%,var(--bg-raised) 6%),var(--bg-card));color:var(--gold);border-color:var(--gold-dim)}.btn-mode-active:hover{box-shadow:0 0 10px #c9a84c26;background:linear-gradient(180deg,color-mix(in srgb,var(--bg-card) 98%,var(--bg-raised) 2%),var(--bg-card))}.btn-icon{background:none;border:none;cursor:pointer;padding:.25rem;transition:all .2s;color:var(--text-dim);border-radius:var(--radius-sm)}.btn-icon:hover{color:var(--text-muted)}.btn-text{background:none;border:none;color:var(--gold-dim);cursor:pointer;font-size:.8rem;font-weight:600}.btn-text:hover{color:var(--gold);text-decoration:underline}.expand-actions-btn{display:flex;align-items:center;justify-content:space-between;width:100%;padding:.75rem 1.25rem;background:var(--bg-raised);color:var(--text-muted);border:none;border-radius:var(--radius-md);font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:2px;cursor:pointer;transition:all .2s}.expand-actions-btn:hover{background:var(--bg-card);color:var(--text)}.expand-actions-btn svg{transition:transform .3s ease}.expand-actions-btn svg.rotated,.expand-actions-btn .rotated{transform:rotate(180deg)}.btn-new-card{width:100%;justify-content:center;display:flex;align-items:center;gap:.4rem;padding:.5rem .875rem;background:transparent;color:var(--text-muted);border:1px solid var(--border-mid);border-radius:var(--radius-sm);font-size:.8rem;font-weight:600;cursor:pointer;transition:all .2s;margin-top:8px}.btn-new-card:hover{border-color:var(--gold-dim);color:var(--gold)}.btn-new-cocktail{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;min-height:2.5rem;padding:.5rem .875rem;background:var(--gold);color:#0f0e0c;border:none;border-radius:var(--radius-sm);font-size:.8rem;font-weight:700;cursor:pointer;transition:all .2s}.btn-new-cocktail:hover{background:#e0bb60;box-shadow:0 0 12px #c9a84c40}.filters-dropdown-content{padding:.875rem 1.125rem;background:var(--bg-card);border-top:1px solid var(--border);display:flex;flex-direction:column;gap:.5rem;animation:slideDown .25s ease}.filter-group{display:flex;flex-direction:column;gap:.6rem}.filter-label{font-size:.7rem;font-weight:700;color:var(--gold);text-transform:uppercase;letter-spacing:2px;display:flex;align-items:center;gap:.5rem;width:100%}.filter-label:after{content:"";flex:1;height:1px;background:var(--border)}.chips-container{display:flex;flex-wrap:wrap;gap:.5rem}.adaptive-container{gap:clamp(.35rem,1.5vw,.6rem)}.chip{padding:.375rem .875rem;border-radius:9999px;border:1px solid var(--border-mid);background:transparent;color:var(--text-muted);cursor:pointer;transition:all .2s;font-size:clamp(.7rem,1.2vw,.78rem);font-weight:600;letter-spacing:.5px;white-space:nowrap}.chip:hover{border-color:var(--gold-dim);color:var(--gold)}.chip.active{background:#c9a84c1f;color:var(--gold);border-color:var(--gold-dim)}.accordion-section{border-top:.5px solid var(--border);padding-top:.5rem;padding-bottom:0rem}.accordion-header{display:flex;align-items:center;gap:.4rem;width:100%;padding:.375rem 0;background:transparent;border:none;cursor:pointer;font-size:.68rem;font-weight:700;color:var(--text-dim);text-transform:uppercase;letter-spacing:1.5px;transition:color .2s;min-height:1.5rem;align-content:center}.accordion-header:hover{color:var(--text-muted)}.accordion-header svg{transition:transform .2s;flex-shrink:0;width:13px;height:13px}.accordion-header svg.rotated{transform:rotate(180deg)}.accordion-content{padding-top:.375rem;padding-bottom:0rem;animation:slideDown .2s ease}.collapse-enter-active,.collapse-leave-active{transition:all .2s ease}.collapse-enter-from,.collapse-leave-to{opacity:0;max-height:0;overflow:hidden}.filters-dropdown-content{gap:.75rem;padding:1rem 1.5rem}.filter-group{gap:.375rem}.filter-group.compact{gap:.25rem;margin:0}.active-filters-bar{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;padding:.75rem 1rem;background:var(--bg-raised);border-radius:var(--radius-md);border:1px solid var(--border);margin-top:.75rem}.filter-tag{display:inline-flex;align-items:center;gap:.4rem;padding:.3rem .75rem;background:#c9a84c1a;color:var(--gold);border:1px solid var(--gold-dim);border-radius:9999px;font-size:.75rem;font-weight:600}.filter-tag svg{cursor:pointer;opacity:.7}.filter-tag svg:hover{opacity:1}.clear-all-btn{padding:.3rem .75rem;background:transparent;color:var(--text-muted);border:1px solid var(--border-mid);border-radius:9999px;font-size:.75rem;font-weight:600;cursor:pointer;transition:all .2s}.clear-all-btn:hover{border-color:var(--danger-text);color:var(--danger-text)}.count-badge{margin-left:.5rem;padding:.1rem .55rem;background:#c9a84c26;color:var(--gold);border:1px solid var(--gold-dim);border-radius:9999px;font-size:.72rem;font-weight:700}.count-badge.pending-badge{background:#ef444426;color:#dc2626;border-color:#991b1b}.dark .count-badge.pending-badge{background:#ef444433;color:#fca5a5;border-color:#7f1d1d}.cocktails-header{font-size:.7rem;font-weight:700;color:var(--text-dim);margin-bottom:1rem;text-transform:uppercase;letter-spacing:2px;margin-top:1rem}.cocktails-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem}.cocktails-grid--standard{grid-template-columns:repeat(2,minmax(0,1fr))}@media(max-width:980px){.cocktails-grid--standard{grid-template-columns:1fr}}.cocktails-header-row{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.5rem}.view-toggle,.settings-switch{display:inline-flex;align-items:center;gap:2px;padding:3px;background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-lg);flex-shrink:0}.header-settings-toggle{align-self:center}.view-toggle-btn{display:inline-flex;align-items:center;justify-content:center;gap:.35rem;min-width:2.05rem;padding:.36rem .6rem;border:1px solid transparent;border-radius:calc(var(--radius-lg) - 4px);background:transparent;color:var(--text-dim);font-size:.72rem;font-weight:700;letter-spacing:.04em;cursor:pointer;transition:all .2s ease}.view-toggle-btn:hover{color:var(--text);border-color:var(--border-mid)}.view-toggle-btn--active{background:linear-gradient(180deg,color-mix(in srgb,var(--bg-card) 94%,var(--bg-raised) 6%),var(--bg-card));color:var(--gold);border-color:var(--border-mid);box-shadow:0 3px 10px #00000014}.settings-switch .view-toggle-btn{min-width:2.25rem}.settings-switch .view-toggle-btn--active{background:linear-gradient(180deg,color-mix(in srgb,var(--bg-card) 96%,var(--bg-raised) 4%),var(--bg-card))}@media(max-width:480px){.view-toggle-label{display:none}}.cocktail-card-compact{background:linear-gradient(180deg,color-mix(in srgb,var(--bg-card) 96%,var(--bg-raised) 4%),var(--bg-card));border:1px solid var(--border);border-radius:var(--radius-lg);padding:1rem;min-width:0;max-width:100%;box-shadow:var(--shadow-sm);transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;height:100%;position:relative;overflow:hidden}.cocktail-card-standard{display:grid;grid-template-columns:minmax(150px,.85fr) minmax(0,1.15fr);gap:.05rem;align-items:stretch}.card-image-wrap{margin:-1rem 0 -1rem -1rem;width:100%;min-height:100%;flex-shrink:0;overflow:hidden;background:linear-gradient(135deg,var(--bg-raised, var(--bg-input)),var(--bg-input));border-right:1px solid var(--border);border-radius:var(--radius-lg) 0 0 var(--radius-lg)}.card-image{width:100%;height:100%;object-fit:cover;object-position:center 35%;display:block}.card-image-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:var(--gold-dim, var(--text-dim))}.card-content{flex:1;min-width:0;display:flex;flex-direction:column;min-height:100%}.cocktail-card-standard .card-content{padding-right:.1rem}.cocktail-card-compact:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:2px;background:linear-gradient(90deg,transparent,var(--gold),transparent);transition:left .5s ease}.cocktail-card-compact:hover{border-color:var(--gold);box-shadow:0 10px 28px #c9a84c2e;transform:translateY(-4px)}.cocktail-card-compact:hover:before{left:100%}.cocktail-card-compact.opacity-60{opacity:.45}.card-header{display:flex;justify-content:space-between;align-items:flex-start;gap:.5rem;margin-bottom:.625rem;padding-bottom:.625rem;border-bottom:1px solid var(--border)}.cocktail-title{font-size:.9rem;font-weight:700;margin:0;text-transform:uppercase;letter-spacing:.75px;line-height:1.3}.cocktail-subtitle{font-size:.75rem;color:var(--text-muted);margin:.2rem 0 0}.header-actions{display:flex;gap:.25rem;align-items:center}.recipe-compact{display:flex;flex-direction:column;gap:.3rem;flex:1;transition:max-height .3s ease}.recipe-line{display:flex;align-items:center;font-size:.78rem;gap:.25rem}.ingredient-info{display:flex;align-items:center;gap:.4rem;min-width:0;flex:1}.ingredient-info:after{content:"";flex:1;border-bottom:1px dotted var(--border-mid);height:1em;display:flex}.recipe-bullet{flex-shrink:0;width:.85rem;text-align:center;display:flex;align-items:center;justify-content:center;color:var(--text-dim)}.recipe-bullet:before{content:"";display:block;width:.3rem;height:.3rem;border-radius:50%;background:currentColor}.recipe-bullet--missing{color:var(--text-muted, #999);opacity:.4}.ingredient-name{flex:0 1 auto;color:var(--text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ingredient-name--missing{color:var(--text-muted, #999);opacity:.5}.ingredient-name-col{display:flex;flex-direction:column;min-width:0;overflow:hidden}.ingredient-reference{font-size:.7rem;color:var(--text-dim);opacity:.75;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ingredient-quantity{font-weight:600;color:var(--gold);white-space:nowrap;flex-shrink:0;font-size:.72rem}.card-footer{display:flex;align-items:center;justify-content:space-between;margin-top:.75rem;padding-top:.625rem;border-top:1px solid var(--border)}.footer-left{display:flex;align-items:center}.badge-makeable{font-size:.7rem;color:#6aad80;font-weight:600;letter-spacing:.25px}.badge-missing{font-size:.7rem;color:#d87676;font-weight:500}.badge-method{font-size:.68rem;color:var(--text-dim);background:var(--bg-raised);padding:.15rem .5rem;border-radius:9999px;border:1px solid var(--border)}.badge-style{font-size:.68rem;font-weight:600;padding:.15rem .5rem;border-radius:9999px;border:1px solid transparent;white-space:nowrap}.cocktail-creator-meta{color:var(--text-dim);font-weight:600;font-style:italic}.cocktail-subtitle--truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;flex:1;display:flex;align-items:center;gap:.35rem}.cocktail-subtitle--abv{flex-shrink:0}.cards-content{padding:.875rem 1.25rem}.cards-empty{text-align:center;color:var(--text-dim);font-size:.8rem;padding:1.5rem 0}.cards-grid{display:flex;flex-direction:column;gap:.375rem}.menu-card-item{display:flex;align-items:center;justify-content:space-between;padding:.6rem .875rem;background:var(--bg-raised);border:1px solid var(--border);border-radius:var(--radius-md);transition:border-color .15s}.menu-card-item:hover{border-color:var(--gold-dim)}.menu-card-info{display:flex;flex-direction:column;gap:.1rem}.menu-card-name{font-size:.875rem;font-weight:600;color:var(--text)}.menu-card-count{font-size:.72rem;color:var(--text-dim)}.menu-card-actions{display:flex;gap:.25rem}.modal-overlay{position:fixed;inset:0;background-color:#0c0a0894;display:flex;align-items:center;justify-content:center;padding:1rem;z-index:50;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.inventory-manager{display:flex;flex-direction:column;gap:1.25rem;padding:1.25rem}.inventory-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:.75rem}.inventory-controls{display:flex;gap:.5rem;flex-wrap:wrap}.btn-control{display:flex;align-items:center;gap:.4rem;padding:.5rem .875rem;background:var(--bg-raised);color:var(--text-muted);border:1px solid var(--border-mid);border-radius:var(--radius-sm);font-size:.78rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;cursor:pointer;transition:all .2s}.btn-control:hover{color:var(--text);border-color:var(--text-dim)}.btn-select-all{color:#6aad80;border-color:var(--success)}.btn-select-all:hover{background:#4a7c591a;color:#6aad80}.btn-deselect-all{color:var(--danger-text);border-color:var(--danger)}.btn-deselect-all:hover{background:#8b3a3a1a;color:var(--danger-text)}.inventory-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.5rem}.stat{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;background:var(--bg-raised);border:1px solid var(--border);border-radius:var(--radius-md)}.stat-label{color:var(--text-muted);font-weight:600;font-size:.8rem}.stat-value{font-weight:700;color:var(--gold);font-size:.9rem}.search-box{position:relative}.categories-container{display:flex;flex-direction:column;gap:1rem}.category-section{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);overflow:hidden;animation:fadeIn .3s ease}.category-header{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:.625rem;padding:.875rem 1rem;background:var(--bg-raised);border-bottom:1px solid var(--border)}.category-title-row{display:flex;align-items:center;gap:.75rem;min-width:0}.category-title{font-size:.78rem;font-weight:700;color:var(--gold);text-transform:uppercase;letter-spacing:1.5px;margin:0;display:flex;align-items:center;gap:.5rem}.category-count{padding:.15rem .6rem;background:transparent;color:var(--text-muted);border:1px solid var(--border-mid);border-radius:9999px;font-size:.7rem;font-weight:600}.btn-toggle-category{align-self:flex-start;padding:.3rem .75rem;background:transparent;color:var(--gold-dim);border:1px solid var(--border-mid);border-radius:var(--radius-sm);font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;cursor:pointer;transition:all .2s}.btn-toggle-category:hover{color:var(--text-muted);border-color:var(--border-mid)}.ingredients-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:.5rem;padding:.875rem}.ingredient-item{display:flex;align-items:center;gap:.6rem;padding:.6rem .75rem;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;transition:all .15s;-webkit-user-select:none;user-select:none}.ingredient-item:hover{border-color:var(--gold-dim)}.ingredient-checkbox{width:1rem;height:1rem;cursor:pointer;accent-color:var(--gold);flex-shrink:0}.ingredient-name{font-size:.8rem;font-weight:500;color:var(--text-muted)!important}.btn-add-ingredient{display:flex;align-items:center;gap:.4rem;padding:.5rem .75rem;background:transparent;border:1px dashed var(--border-mid);border-radius:var(--radius-sm);color:var(--text-dim);font-size:.78rem;font-weight:500;cursor:pointer;transition:all .15s}.btn-add-ingredient:hover{border-color:var(--gold-dim);color:var(--gold);background:var(--bg-raised)}.ingredient-add-form{display:flex;align-items:center;gap:.35rem;padding:.4rem .5rem;background:var(--bg-raised);border:1px solid var(--gold-dim);border-radius:var(--radius-sm)}.ingredient-add-input{flex:1;background:transparent;border:none;outline:none;font-size:.8rem;color:var(--text);min-width:0}.ingredient-add-input::placeholder{color:var(--text-dim)}.btn-add-confirm,.btn-add-cancel{display:flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;border-radius:var(--radius-sm);border:none;cursor:pointer;flex-shrink:0;transition:background .15s}.btn-add-confirm{background:var(--gold);color:var(--bg)}.btn-add-confirm:hover{background:var(--gold-bright, var(--gold))}.btn-add-cancel{background:var(--bg);color:var(--text-dim);border:1px solid var(--border)}.btn-add-cancel:hover{background:var(--border)}.add-error{font-size:.75rem;color:#e05c5c;padding:.25rem .875rem .5rem;margin:0}.no-results{text-align:center;padding:3rem 1.5rem;background:var(--bg-raised);border:1px dashed var(--border-mid);border-radius:var(--radius-md);color:var(--text-dim);font-size:.875rem;font-weight:600;text-transform:uppercase;letter-spacing:1px}.password-modal-overlay{position:fixed;inset:0;background-color:#000000bf;display:flex;align-items:center;justify-content:center;z-index:50;padding:1rem;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.password-modal-content{background:var(--bg-card);border:1px solid var(--border-mid);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);max-width:400px;width:100%;padding:1.75rem}.password-modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.password-modal-title{font-size:.8rem;font-weight:700;color:var(--gold);text-transform:uppercase;letter-spacing:2px;margin:0}.password-modal-close{background:none;border:none;cursor:pointer;color:var(--text-dim);padding:.25rem;transition:color .2s;border-radius:var(--radius-sm)}.password-modal-close:hover{color:var(--text-muted)}.password-modal-description{color:var(--text-muted);font-size:.8rem;margin-bottom:1.25rem;line-height:1.5}.password-form-group{margin-bottom:1.25rem}.password-form-input{width:100%;padding:.7rem .875rem;border:1px solid var(--border-mid);border-radius:var(--radius-sm);font-size:.9rem;background:var(--bg-input);color:var(--text);transition:border-color .2s,box-shadow .2s}.password-form-input:focus{outline:none;border-color:var(--gold-dim);box-shadow:0 0 0 3px #c9a84c1a}.password-form-input::placeholder{color:var(--text-dim)}.password-form-error{color:var(--danger-text);font-size:.78rem;margin-top:.5rem;font-weight:500}.password-modal-buttons{display:flex;gap:.75rem}.password-btn-cancel{flex:1;padding:.65rem 1rem;background:transparent;color:var(--text-muted);border:1px solid var(--border-mid);border-radius:var(--radius-sm);font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;cursor:pointer;transition:all .2s}.password-btn-cancel:hover{border-color:var(--text-muted);color:var(--text)}.password-btn-submit{flex:1;padding:.65rem 1rem;background:var(--gold);color:#0f0e0c;border:none;border-radius:var(--radius-sm);font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;cursor:pointer;transition:all .2s}.password-btn-submit:hover:not(:disabled){background:#e0bb60;box-shadow:0 0 12px #c9a84c40}.password-btn-submit:disabled{opacity:.35;cursor:not-allowed}.add-ing-overlay{position:fixed;inset:0;background:#000000b8;display:flex;align-items:center;justify-content:center;z-index:100;padding:1rem;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.add-ing-content{background:var(--bg-card);border:1px solid var(--border-mid);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);width:100%;max-width:420px;padding:1.75rem;animation:slideDown .18s ease}.add-ing-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.35rem}.add-ing-title{font-size:.8rem;font-weight:700;color:var(--gold);text-transform:uppercase;letter-spacing:2px;margin:0;display:flex;align-items:center;gap:.5rem}.add-ing-icon{font-size:1rem}.add-ing-close{background:none;border:none;cursor:pointer;color:var(--text-dim);padding:.25rem;border-radius:var(--radius-sm);transition:color .2s}.add-ing-close:hover{color:var(--text-muted)}.add-ing-subtitle{font-size:.78rem;color:var(--text-dim);margin:0 0 1.4rem}.add-ing-subtitle strong{color:var(--text-muted)}.add-ing-form{display:flex;flex-direction:column;gap:1rem}.add-ing-field{display:flex;flex-direction:column;gap:.35rem}.add-ing-row{display:grid;grid-template-columns:1fr auto;gap:.75rem}.add-ing-field--abv{min-width:90px}.add-ing-label{font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.8px;color:var(--text-dim);display:flex;align-items:center;gap:.4rem}.add-ing-label .required{color:var(--gold)}.add-ing-hint{font-size:.68rem;font-weight:400;text-transform:none;letter-spacing:0;color:var(--text-dim);opacity:.7}.add-ing-input{width:100%;padding:.65rem .85rem;background:var(--bg-input);border:1px solid var(--border-mid);border-radius:var(--radius-sm);font-size:.875rem;color:var(--text);transition:border-color .2s,box-shadow .2s;box-sizing:border-box}.add-ing-input:focus{outline:none;border-color:var(--gold-dim);box-shadow:0 0 0 3px #c9a84c1a}.add-ing-input::placeholder{color:var(--text-dim)}.add-ing-input--mono{font-family:monospace;font-size:.8rem}.add-ing-checkbox-row{display:flex;align-items:center;gap:.6rem;font-size:.8rem;color:var(--text-muted);cursor:pointer;-webkit-user-select:none;user-select:none}.add-ing-checkbox{width:1rem;height:1rem;accent-color:var(--gold);cursor:pointer;flex-shrink:0}.add-ing-error{font-size:.76rem;color:#e05c5c;font-weight:500;margin:0}.add-ing-actions{display:flex;gap:.75rem;margin-top:.5rem}.add-ing-btn-cancel{flex:1;padding:.65rem 1rem;background:transparent;color:var(--text-muted);border:1px solid var(--border-mid);border-radius:var(--radius-sm);font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;cursor:pointer;transition:all .2s}.add-ing-btn-cancel:hover{border-color:var(--text-muted);color:var(--text)}.add-ing-btn-submit{flex:1;display:flex;align-items:center;justify-content:center;gap:.4rem;padding:.65rem 1rem;background:var(--gold);color:#0f0e0c;border:none;border-radius:var(--radius-sm);font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;cursor:pointer;transition:all .2s}.add-ing-btn-submit:hover:not(:disabled){background:#e0bb60;box-shadow:0 0 12px #c9a84c40}.add-ing-btn-submit:disabled{opacity:.35;cursor:not-allowed}@keyframes spin{to{transform:rotate(360deg)}}.spin{animation:spin .7s linear infinite}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--border-mid);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--gold-dim)}.space-y-4>*+*{margin-top:1rem}.space-y-6>*+*{margin-top:1.5rem}.btn-icon--edit:hover{color:#6090c0}.btn-icon--delete:hover{color:var(--danger-text)}.btn-icon--view:hover{color:var(--gold)}.btn-icon--close:hover{color:var(--text-muted)}.cocktail-title--available{color:var(--text)}.cocktail-title--unavailable{color:var(--text-dim)}.cocktails-header-makeable{color:#6aad80;font-size:.7rem;font-weight:600;margin-left:.5rem;letter-spacing:1px}.loading-state{text-align:center;padding:3rem;color:var(--text-dim);font-size:.8rem;letter-spacing:1px;text-transform:uppercase}.empty-state{text-align:center;padding:3rem;color:var(--text-dim);font-size:.8rem;letter-spacing:1px}.cocktail-meta-row{display:flex;justify-content:space-between;align-items:center;width:100%}.cocktail-meta-row .cocktail-subtitle:first-child{flex:1}.card-view{position:fixed;inset:0;background:var(--bg);z-index:50;overflow-y:auto;display:flex;flex-direction:column}.cv-header{position:sticky;top:0;background:var(--bg-card);border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:1rem 1.5rem;z-index:10;box-shadow:var(--shadow-md)}.cv-header-actions{display:flex;align-items:center;gap:.4rem;width:80px;justify-content:flex-end;flex-shrink:0}.cv-back{display:flex;align-items:center;gap:.4rem;font-size:.8rem;font-weight:500;color:var(--text-muted);background:none;border:none;cursor:pointer;padding:.4rem .6rem;border-radius:var(--radius-sm);transition:color .15s;width:80px}.cv-back:hover{color:var(--text)}.cv-title-block{display:flex;flex-direction:column;align-items:center;gap:.15rem;min-width:0;flex:1 1 auto}.cv-title{font-size:1rem;font-weight:700;color:var(--gold);letter-spacing:1px;text-transform:uppercase;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cv-meta{font-size:.7rem;color:var(--text-dim);font-weight:500;letter-spacing:.5px}@media(max-width:640px){.cv-header{padding:.75rem 1rem}.cv-back{width:auto;padding:.4rem}.cv-back-label{display:none}.cv-title{font-size:.85rem}.cv-meta{display:none}.cv-header-actions{width:auto}.cv-lang-switch,.cv-unit-switch,.cv-view-toggle .view-toggle-label{display:none}}.cv-empty{flex:1;display:flex;align-items:center;justify-content:center;color:var(--text-dim);font-size:.9rem}.cv-content{display:flex;flex-direction:column;gap:2rem;padding:1.5rem;max-width:1200px;margin:0 auto;width:100%;box-sizing:border-box}.cv-group-header{display:flex;align-items:center;gap:.6rem;margin-bottom:1rem;padding-bottom:.6rem;border-bottom:1px solid var(--border)}.cv-group-icon{font-size:1rem}.cv-group-title{font-size:.72rem;font-weight:700;color:var(--gold);letter-spacing:2px;text-transform:uppercase;flex:1}.cv-group-count{font-size:.7rem;font-weight:600;background:transparent;color:var(--text-dim);padding:.1rem .5rem;border:1px solid var(--border);border-radius:9999px}.cv-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1rem}.cv-grid--standard{grid-template-columns:repeat(2,minmax(0,1fr))}@media(max-width:980px){.cv-grid--standard{grid-template-columns:1fr}}.cv-card{background:var(--bg-card);border-radius:var(--radius-lg);border:1px solid var(--border);padding:1.25rem;display:flex;flex-direction:column;gap:.75rem;transition:border-color .2s,box-shadow .2s}.cv-card:hover{border-color:var(--border-mid);box-shadow:var(--shadow-md)}.cv-card-header{display:flex;flex-direction:column;gap:.3rem}.cv-card-title-row{display:flex;align-items:baseline;justify-content:space-between;gap:.5rem}.cv-card-name{font-size:.9rem;font-weight:700;color:var(--text);line-height:1.3;text-transform:uppercase;letter-spacing:.5px}.cv-abv{font-size:.75rem;font-weight:700;color:var(--gold);white-space:nowrap;flex-shrink:0}.cv-card-meta{display:flex;align-items:center;gap:.4rem}.cv-spirit{font-size:.72rem;color:var(--text-dim);font-weight:500;text-transform:capitalize}.cv-seasons{font-size:.78rem}.cv-divider{height:1px;background:var(--border)}.cv-recipe{display:flex;flex-direction:column;gap:.35rem;flex:1}.cv-ing-row{display:flex;align-items:baseline;justify-content:space-between;gap:.5rem}.cv-ing-garnish{opacity:.4}.cv-ing-name{font-size:.8rem;color:var(--text-muted);font-weight:500}.cv-ing-qty{font-size:.72rem;color:var(--gold);white-space:nowrap;flex-shrink:0;font-weight:600}.cv-card-footer{display:flex;align-items:center;flex-wrap:wrap;gap:.4rem;margin-top:.25rem}.cv-badge{font-size:.65rem;padding:.15rem .5rem;background:var(--bg-raised);color:var(--text-dim);border:1px solid var(--border);border-radius:9999px;font-weight:500;text-transform:capitalize}.modal-container{background:linear-gradient(180deg,color-mix(in srgb,var(--bg-card) 96%,var(--bg-raised) 4%),var(--bg-card));border:1px solid var(--border-mid);border-radius:var(--radius-lg);width:100%;display:flex;flex-direction:column;box-shadow:var(--shadow-lg);overflow:hidden}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem;border-bottom:1px solid var(--border);flex-shrink:0}.modal-title{font-size:.8rem;font-weight:700;color:var(--gold);text-transform:uppercase;letter-spacing:1.5px;margin:0}.modal-close-btn{background:none;border:none;cursor:pointer;color:var(--text-dim);padding:.25rem;border-radius:var(--radius-sm);transition:color .2s}.modal-close-btn:hover{color:var(--text-muted)}.modal-body{flex:1;overflow-y:auto;padding:1.25rem 1.5rem;display:flex;flex-direction:column;gap:1.5rem}.modal-footer{display:flex;justify-content:flex-end;align-items:center;gap:.75rem;padding:1rem 1.5rem;border-top:1px solid var(--border);flex-shrink:0}.modal-container--cocktail{max-width:780px;height:min(680px,90vh);width:90%}.modal-container--confirm{max-width:420px;width:90%}.modal-container--batch{max-width:640px;width:92%;max-height:90vh}.form-section{display:flex;flex-direction:column;gap:.75rem}.form-section-title{font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:2px;color:var(--text-dim);padding-bottom:.4rem;border-bottom:1px solid var(--border);margin:0}.form-section-header{display:flex;align-items:center;justify-content:space-between}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.form-row--pricing{grid-template-columns:repeat(3,1fr);align-items:start}.form-field{display:flex;flex-direction:column;gap:.3rem}.form-hint{font-size:.75rem;color:var(--text-dim);line-height:1.3}.form-label{font-size:.7rem;font-weight:600;color:var(--text-dim);text-transform:uppercase;letter-spacing:.75px}.form-input{padding:.5rem .75rem;border:1px solid var(--border-mid);border-radius:var(--radius-sm);font-size:.875rem;color:var(--text);background:var(--bg-input);transition:border-color .15s,box-shadow .15s;width:100%;box-sizing:border-box}.form-input:focus{outline:none;border-color:var(--gold-dim);box-shadow:0 0 0 2px #c9a84c14}.form-input option{background:var(--bg-raised)}.form-textarea{resize:vertical;min-height:70px}.recipe-columns-header,.recipe-row{display:grid;grid-template-columns:.9fr .9fr 1.1fr 1.1fr 90px 60px 32px;gap:.4rem;align-items:center}.recipe-columns-header span{font-size:.65rem;font-weight:600;color:var(--text-dim);text-transform:uppercase;letter-spacing:1px;padding:0 .5rem}.recipe-row select,.recipe-row input{min-width:0}.recipe-row select{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.recipe-row input[type=number]{text-align:center}.btn-remove-ingredient{justify-self:center}.recipe-rows{display:flex;flex-direction:column;gap:.4rem}.recipe-header-actions{display:flex;align-items:center;gap:.6rem}.unit-switch{display:flex;border:1px solid var(--border-mid);border-radius:var(--radius-sm);overflow:hidden}.unit-btn{padding:.3rem .65rem;background:transparent;border:none;font-size:.75rem;font-weight:600;color:var(--text-dim);cursor:pointer;transition:all .15s;text-transform:uppercase;letter-spacing:.5px}.unit-btn.active{background:var(--gold);color:#0f0e0c}.unit-btn:not(.active):hover{background:var(--bg-raised);color:var(--text-muted)}.form-required{color:var(--gold)}.image-field-row{display:flex;flex-direction:column;gap:.5rem}.image-preview{width:100%;max-height:120px;border-radius:var(--radius-sm);overflow:hidden;border:1px solid var(--border)}.image-preview img{width:100%;height:120px;object-fit:cover;display:block}.recipe-empty{text-align:center;color:var(--text-dim);font-size:.82rem;padding:1.25rem;background:var(--bg-raised);border-radius:var(--radius-sm);border:1px dashed var(--border-mid)}.btn-add-ingredient{display:flex;align-items:center;gap:.3rem;padding:.35rem .75rem;background:#4a7c591a;color:#6aad80;border:1px solid var(--success);border-radius:var(--radius-sm);font-size:.78rem;font-weight:600;cursor:pointer;transition:all .15s}.btn-add-ingredient:hover{background:#4a7c5933}.btn-remove-ingredient{background:none;border:none;cursor:pointer;color:var(--border-mid);padding:.25rem;border-radius:var(--radius-sm);transition:color .15s;display:flex;align-items:center;justify-content:center}.btn-remove-ingredient:hover{color:var(--danger-text)}.modal-container--menucard{max-width:520px;max-height:85vh}.field-group{padding:1rem 1.5rem 0;flex-shrink:0}.field-label{display:flex;align-items:center;gap:.5rem;font-size:.7rem;font-weight:700;color:var(--text-dim);text-transform:uppercase;letter-spacing:1.5px;margin-bottom:.5rem}.field-input{width:100%;padding:.6rem .75rem;border:1px solid var(--border-mid);border-radius:var(--radius-sm);font-size:.875rem;background:var(--bg-input);color:var(--text);outline:none;transition:border-color .15s;box-sizing:border-box}.field-input:focus{border-color:var(--gold-dim)}.search-icon-sm{position:absolute;left:.55rem;top:50%;transform:translateY(-50%);color:var(--text-dim)}.field-input--search{padding-left:1.75rem}.modal-count-badge{background:#c9a84c26;color:var(--gold);border:1px solid var(--gold-dim);border-radius:9999px;padding:.05rem .5rem;font-size:.72rem;font-weight:700}.cocktail-list{flex:1;overflow-y:auto;padding:1rem 1.5rem;display:flex;flex-direction:column;gap:.25rem}.list-section{display:flex;flex-direction:column;gap:.2rem;margin-bottom:.5rem}.list-section-label{font-size:.65rem;font-weight:700;color:var(--text-dim);text-transform:uppercase;letter-spacing:1.5px;margin-bottom:.25rem;padding-left:.25rem}.cocktail-row{display:flex;align-items:center;gap:.75rem;padding:.5rem .75rem;border-radius:var(--radius-sm);cursor:pointer;transition:background .1s;border:1px solid transparent}.cocktail-row:hover{background:var(--bg-raised)}.cocktail-row.selected{background:#c9a84c0f;border-color:#c9a84c33}.row-check{width:1.1rem;height:1.1rem;border-radius:.2rem;border:1px solid var(--border-mid);display:flex;align-items:center;justify-content:center;flex-shrink:0;color:#0f0e0c}.row-check.checked{background:var(--gold);border-color:var(--gold)}.row-info{display:flex;flex-direction:column;gap:.1rem;min-width:0}.row-name{font-size:.82rem;font-weight:600;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.row-meta{font-size:.7rem;color:var(--text-dim)}.save-error-msg{font-size:.78rem;color:#e05c5c;font-weight:500;flex:1;text-align:left;align-self:center}.btn-modal-primary{padding:.55rem 1.25rem;background:var(--gold);color:#0f0e0c;border:none;border-radius:var(--radius-sm);font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;cursor:pointer;transition:all .2s}.btn-modal-primary:hover:not(:disabled){background:#e0bb60;box-shadow:0 0 10px #c9a84c33}.btn-modal-primary:disabled{opacity:.35;cursor:not-allowed}.btn-modal-secondary{padding:.55rem 1.25rem;background:transparent;color:var(--text-muted);border:1px solid var(--border-mid);border-radius:var(--radius-sm);font-size:.8rem;font-weight:500;cursor:pointer;transition:all .2s}.btn-modal-secondary:hover{border-color:var(--text-dim);color:var(--text)}@media(max-width:768px){.cocktails-grid:not(.cocktails-grid--standard){grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}}@media(max-width:640px){.header-container,.main-content{padding-left:.875rem;padding-right:.875rem}.cocktails-grid:not(.cocktails-grid--standard){grid-template-columns:1fr}.cocktail-card-standard .ingredient-quantity{display:none}.cocktail-card-standard .ingredient-info:after{display:none}.chips-container{gap:.3rem}.chip{padding:.25rem .6rem;font-size:.65rem}.filters-dropdown-content{padding:.625rem .875rem;gap:.375rem;max-height:65vh}.filter-group{gap:.25rem}.accordion-section{padding-top:.375rem}.accordion-header{font-size:.62rem;padding:.3rem 0;letter-spacing:1px}.btn-control{padding:.5rem .75rem;font-size:.72rem;flex:1}.ingredients-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:.4rem}.category-body{grid-template-columns:1fr}.inventory-header{flex-direction:column;align-items:stretch}.inventory-controls{width:100%}.category-header{flex-wrap:wrap}.btn-toggle-category{width:100%}.form-row{grid-template-columns:1fr}}.header-top{display:flex;align-items:center;gap:1rem}.header-brand{display:flex;align-items:center;gap:.875rem;flex-shrink:0}.header-right{display:flex;align-items:center;gap:.5rem;flex-shrink:0;margin-left:auto;min-width:0}.header-actions{display:flex;align-items:center;gap:.4rem;flex-wrap:wrap}.header-search-inline{flex:1;min-width:0}.header-search-row{display:none}.side-by-side{display:grid;grid-template-columns:1fr 1fr;gap:.875rem;align-items:start}.side-by-side .section-card{margin-bottom:0}.side-by-side>div{min-width:0}@media(max-width:860px){.header-top{flex-wrap:wrap;align-items:center;gap:.5rem}.header-brand{flex:0 0 auto;min-width:0}.header-search-inline{display:flex;flex:1 1 auto;min-width:0}.header-right{width:100%;margin-left:0;justify-content:flex-end}.header-actions{width:100%;justify-content:flex-end}.header-search-row{display:none}.side-by-side{grid-template-columns:1fr}.cocktails-grid:not(.cocktails-grid--standard){grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}}@media(max-width:540px){.header-container,.main-content{padding-left:.75rem;padding-right:.75rem}.header-title{font-size:.85rem;letter-spacing:2px;max-width:min(100%,16rem)}.header-logo{height:30px}.header-right{gap:.375rem}.header-actions{gap:.3rem}.settings-switch{flex-shrink:1}.btn-mode-label,.btn-label-hide{display:none}.btn-mode,.btn-new-card,.btn-new-cocktail{padding:.45rem .6rem}.cocktails-grid:not(.cocktails-grid--standard){grid-template-columns:1fr}.chips-container{gap:.25rem}.chip{padding:.25rem .5rem;font-size:.6rem}.filters-dropdown-content{padding:.5rem .75rem;gap:.25rem;max-height:70vh}.filter-group{gap:.2rem}.accordion-section{padding-top:.25rem;border-top-width:.5px}.accordion-header{font-size:.58rem;padding:.25rem 0;letter-spacing:.5px}.adaptive-container{gap:clamp(.25rem,1vw,.4rem)}.ingredients-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.inventory-header{flex-direction:column;align-items:stretch}.inventory-controls{width:100%}.btn-control{flex:1;padding:.5rem;font-size:.72rem}.category-header{flex-wrap:wrap}.btn-toggle-category{width:100%}.form-row{grid-template-columns:1fr}.recipe-columns-header,.recipe-row{grid-template-columns:.8fr .8fr .9fr .9fr 50px 40px 26px}.modal-overlay{padding:.5rem;align-items:flex-end}.modal-container--menucard,.modal-container--batch{max-height:90vh;width:100%;border-radius:.75rem .75rem 0 0}.password-modal-content{padding:1.25rem}}.auth-tabs{display:flex;gap:0;margin-bottom:16px;border-bottom:1px solid var(--border)}.auth-tab{flex:1;padding:8px 0;background:none;border:none;border-bottom:2px solid transparent;color:var(--text-muted);cursor:pointer;font-size:.8rem;font-weight:600;transition:all .15s;margin-bottom:-1px;text-transform:uppercase;letter-spacing:.5px}.auth-tab.active{color:var(--gold);border-bottom-color:var(--gold)}.burger-wrapper{position:relative}.burger-dropdown{position:absolute;top:calc(100% + 8px);right:0;min-width:200px;background:var(--bg-card);border:1px solid var(--border-mid);border-radius:var(--radius-lg);padding:6px;z-index:200;box-shadow:var(--shadow-lg)}.burger-overlay{position:fixed;inset:0;z-index:199}.burger-item{display:flex;align-items:center;gap:8px;width:100%;padding:8px 12px;border-radius:var(--radius-sm);border:none;background:none;color:var(--text);font-size:.8rem;font-weight:600;cursor:pointer;text-align:left;transition:background .1s}.burger-title,.burger-subtitle{display:flex;align-items:center;gap:6px}.burger-item:hover{background:var(--bg-raised)}.burger-item--info{flex-direction:column;align-items:flex-start;gap:2px;cursor:default;color:var(--gold);font-weight:700;letter-spacing:.5px}.burger-item--info:hover{background:none}.burger-item-hint{font-size:.7rem;color:var(--text-dim);font-weight:400;text-transform:uppercase;letter-spacing:1px}.burger-item--danger{color:var(--danger-text)}.burger-item--bars-selector,.burger-item--new-bar{flex-direction:column;gap:8px;cursor:default}.burger-item-label{font-size:.85rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;padding:0 4px}.bars-list{display:flex;flex-direction:column;gap:4px;width:100%}.toggle-switch{width:34px;height:18px;background:#ccc;border-radius:999px;position:relative;transition:all .2s ease;margin-left:auto}.toggle-switch.on{background:#b07a2a}.toggle-knob{width:14px;height:14px;background:#fff;border-radius:50%;position:absolute;top:2px;left:2px;transition:all .2s ease}.toggle-switch.on .toggle-knob{left:18px}.burger-item--toggle{display:flex;align-items:center;gap:8px}.burger-item--toggle svg{opacity:.7}.burger-item--toggle input[type=checkbox]{margin-left:auto;width:15px;height:15px;accent-color:#b07a2a;cursor:pointer;flex-shrink:0}.burger-item--toggle .lucide-lock{color:#888}.burger-item--toggle .lucide-unlock{color:#b07a2a}.bar-option{all:unset;display:flex;align-items:center;justify-content:space-between;padding:8px 12px;border-radius:6px;background:var(--bg-alt);border:1px solid var(--border);font-size:.9rem;color:var(--text-primary);cursor:pointer;transition:all .15s ease}.bar-option:hover{background:var(--bg-raised);border-color:var(--gold)}.bar-option--active{background:var(--bg-raised);border-color:var(--gold);color:var(--gold);font-weight:600}.bar-option-badge{font-size:.8rem;font-weight:700;margin-left:8px}.bar-new-btn{all:unset;display:flex;align-items:center;gap:8px;padding:8px 12px;border-radius:6px;background:var(--bg-alt);border:1px solid var(--border);font-size:.9rem;color:var(--text-primary);cursor:pointer;transition:all .15s ease}.bar-new-btn:hover{background:var(--bg-raised);border-color:var(--gold);color:var(--gold)}.bar-stats{display:flex;flex-direction:row;gap:16px;padding:8px 16px;background:var(--bg-raised);border-radius:var(--radius-md);border:1px solid var(--border);flex-shrink:0}.bar-header{display:flex;align-items:flex-start;align-items:center;gap:12px}.bar-title-row{display:flex;align-items:center;gap:10px}.bar-status-badge{margin-left:6px}.welcome-card-title{white-space:nowrap}.bar-actions-new{margin-top:12px;padding-top:12px;border-top:1px solid var(--border)}.bar-header>div:nth-child(2){flex:1;min-width:0}.bar-stat-label{font-size:.65rem;text-transform:uppercase;letter-spacing:1px;color:var(--text-muted)}.new-bar-input-wrapper{display:flex;gap:4px;align-items:center}.bar-info{display:flex;flex-direction:column;justify-content:center;gap:4px}.new-bar-input{flex:1;padding:6px 10px;border-radius:4px;border:1px solid var(--border);background:var(--bg-alt);color:var(--text-primary);font-size:.9rem}.new-bar-btn-confirm{all:unset;padding:6px 10px;border-radius:4px;background:var(--success-bg, #10b981);color:#fff;cursor:pointer;font-weight:600;font-size:.85rem;transition:background .15s}.new-bar-btn-confirm:hover{background:var(--success-hover, #059669)}.new-bar-btn-cancel{all:unset;padding:6px 10px;border-radius:4px;background:var(--danger-bg, #ef4444);color:#fff;cursor:pointer;font-weight:600;font-size:.85rem;transition:background .15s}.new-bar-btn-cancel:hover{background:var(--danger-hover, #dc2626)}.burger-divider{height:1px;background:var(--border);margin:4px 0}.burger-header{padding:10px 14px;display:flex;flex-direction:column;gap:2px}.burger-title{font-weight:600;font-size:14px}.burger-subtitle{font-size:12px;opacity:.6}.burger-item--clickable{cursor:pointer;transition:background .2s ease}.burger-item--clickable:hover{background:#0000000d}.burger-dropdown{border-radius:12px;box-shadow:0 10px 25px #00000014;overflow:hidden}.fade-slide-enter-active,.fade-slide-leave-active{transition:all .18s ease}.fade-slide-enter-from,.fade-slide-leave-to{opacity:0;transform:translateY(-6px)}.burger-item--primary{font-weight:500;color:#b07a2a}.burger-item--primary:hover{background:#b07a2a14}.burger-item--hint{font-size:12px;opacity:.6;cursor:default}.welcome-screen{display:flex;flex-direction:column;align-items:center;padding:64px 24px;max-width:600px;margin:0 auto;text-align:center}.welcome-logo{width:72px;height:72px;margin-bottom:16px;border-radius:16px}.dark .welcome-logo{filter:brightness(0) invert(1) sepia(1) saturate(2) hue-rotate(5deg)}.welcome-title{font-size:1.4rem;font-weight:700;color:var(--gold);margin:0 0 8px;text-transform:uppercase;letter-spacing:3px}.welcome-subtitle{font-size:.85rem;color:var(--text-muted);margin:0 0 40px}.welcome-cards{display:flex;flex-direction:column;gap:16px;width:100%}.welcome-card{display:flex;flex-direction:column;gap:12px;padding:20px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);text-align:left}.welcome-card-header{display:flex;align-items:center;gap:12px;padding-bottom:12px;border-bottom:1px solid var(--border);margin-bottom:4px}.welcome-card-icon{font-size:22px;flex-shrink:0}.welcome-card-title{font-size:.9rem;font-weight:700;color:var(--text);text-transform:uppercase;letter-spacing:1.5px}.welcome-card-desc{font-size:.72rem;color:var(--text-muted);margin-top:2px}.welcome-btn{width:100%}.bars-management-header{display:flex;gap:8px;margin-bottom:20px;width:100%}.btn-create-bar{all:unset;box-sizing:border-box;width:100%;justify-content:center;display:flex;align-items:center;gap:8px;padding:10px 16px;border-radius:8px;background:var(--gold);color:#fff;font-weight:600;font-size:.9rem;cursor:pointer;transition:all .15s ease}.btn-create-bar:hover{background:#d4a737;transform:translateY(-1px)}.new-bar-input-group{display:flex;gap:8px;flex:1;align-items:center}.new-bar-input{flex:1;padding:10px 12px;border-radius:6px;border:1px solid var(--border);background:var(--bg-alt);color:var(--text-primary);font-size:.9rem;font-family:inherit}.new-bar-input:focus{outline:none;border-color:var(--gold);box-shadow:0 0 0 2px #d4af371a}.btn-confirm,.btn-cancel{all:unset;display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:6px;cursor:pointer;transition:all .15s ease;font-weight:600}.btn-confirm{background:#10b981;color:#fff}.btn-confirm:hover{background:#059669;transform:scale(1.05)}.btn-cancel{background:#ef4444;color:#fff}.btn-cancel:hover{background:#dc2626;transform:scale(1.05)}.bars-management-list{display:flex;flex-direction:column;gap:12px}.bar-management-card{display:flex;flex-direction:column;gap:12px;cursor:default!important}.bar-actions{display:flex;gap:8px}.btn-select-bar,.btn-delete-bar{all:unset;display:flex;align-items:center;gap:6px;padding:8px 12px;border-radius:6px;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .15s ease;flex:1}.btn-select-bar{background:var(--gold);color:#fff}.btn-select-bar:hover{background:#d4a737}.btn-delete-bar{background:#ef4444;color:#fff}.btn-delete-bar:hover{background:#dc2626}.bar-edit-mode{display:flex;flex-direction:column;gap:12px;padding:12px;background:var(--color-bg-secondary);border-radius:8px}.edit-field-group{display:flex;flex-direction:column;gap:6px}.edit-field-label{font-size:.85rem;font-weight:600;color:var(--color-text-secondary)}.edit-field-input{padding:8px 12px;border:1px solid var(--color-border-secondary);border-radius:6px;background:var(--color-bg-input, white);color:var(--color-text);font-size:.9rem;transition:all .15s ease}.edit-field-input:focus{outline:none;border-color:var(--gold);box-shadow:0 0 0 2px #d4af371a}.bar-edit-actions{display:flex;gap:8px}.bar-edit-actions .btn-confirm,.bar-edit-actions .btn-cancel{all:unset;display:flex;align-items:center;gap:6px;padding:8px 12px;border-radius:6px;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .15s ease;flex:1}.bar-edit-actions .btn-confirm{background:var(--gold);color:#fff}.bar-edit-actions .btn-confirm:hover:not(:disabled){background:#d4a737}.bar-edit-actions .btn-cancel{background:var(--color-bg-tertiary);color:var(--color-text);border:1px solid var(--color-border-secondary)}.bar-edit-actions .btn-cancel:hover:not(:disabled){background:var(--color-bg-hover)}.bar-edit-actions button:disabled{opacity:.6;cursor:not-allowed}.modal-container--delete-bar{max-width:400px}.delete-warning{font-size:1rem;font-weight:600;color:var(--text-primary);margin-bottom:12px}.delete-hint{font-size:.85rem;color:var(--text-muted);margin-bottom:16px}.delete-confirmation-group{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.delete-confirmation-label{font-size:.9rem;color:var(--text-primary);font-weight:500}.delete-confirmation-input{padding:10px 12px;border-radius:6px;border:1px solid var(--border);background:var(--bg-alt);color:var(--text-primary);font-family:inherit;font-size:.9rem}.delete-confirmation-input:focus{outline:none;border-color:#ef4444;box-shadow:0 0 0 2px #ef44441a}.btn-modal-danger{all:unset;padding:10px 16px;border-radius:6px;background:#ef4444;color:#fff;font-weight:600;cursor:pointer;transition:all .15s ease}.btn-modal-danger:hover:not(:disabled){background:#dc2626}.btn-modal-danger:disabled{opacity:.5;cursor:not-allowed}.welcome-demo{display:flex;align-items:center;gap:8px;padding:8px 12px;border-radius:var(--radius-md);border:1px dashed var(--gold-dim);background:#c9a84c0f;color:var(--gold);font-size:.78rem;font-weight:600;cursor:pointer;transition:all .2s;width:100%}.welcome-demo:hover{background:#c9a84c1f;border-color:var(--gold)}.welcome-demo-code{font-family:monospace;font-size:.72rem;padding:2px 8px;border-radius:var(--radius-sm);background:#c9a84c26;border:1px solid var(--gold-dim);color:var(--gold);letter-spacing:1px;margin-left:auto}.welcome-code-row{display:flex;gap:8px}.welcome-code-input{flex:1;text-transform:uppercase}.invite-code-badge{display:flex;align-items:center;gap:4px;padding:4px 10px;border-radius:6px;background:var(--bg-raised);border:1px solid var(--border-mid);font-size:12px;font-weight:500;color:var(--text-muted);letter-spacing:.05em;cursor:default;-webkit-user-select:all;user-select:all}.welcome-public-title{font-size:.72rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:1.5px;margin:0 0 4px}.welcome-or-divider{display:flex;align-items:center;gap:8px;color:var(--text-muted);font-size:.72rem;margin:4px 0}.welcome-or-divider:before,.welcome-or-divider:after{content:"";flex:1;height:1px;background:var(--border)}.drinker-panel-wrapper{display:flex;align-items:center;gap:4px}.drinker-identity{display:flex;align-items:center;gap:6px;padding:6px 12px;border-radius:var(--radius-sm);border:1px solid var(--border-mid);background:var(--bg-raised);color:var(--text);font-size:.8rem;font-weight:600;cursor:default;-webkit-user-select:none;user-select:none}.btn-drinker{display:flex;align-items:center;gap:6px;padding:.5rem 1rem;border-radius:var(--radius-sm);border:1px solid var(--border-mid);background:var(--bg-raised);color:var(--text-muted);cursor:pointer;font-size:.8rem;font-weight:600;transition:all .2s}.btn-drinker:hover{border-color:var(--gold-dim);color:var(--gold)}.btn-icon--fav{color:var(--text-dim);transition:color .15s}.btn-icon--fav:hover,.btn-icon--fav-active{color:#e05c6e}.btn-order{font-size:14px;padding:2px 7px;border-radius:6px;border:1px solid var(--border-mid);background:var(--bg-raised);color:var(--text-muted);cursor:pointer;transition:all .2s;line-height:1}.btn-order:hover{border-color:var(--gold-dim);color:var(--text)}.btn-order--done{background:#1a7a4a;border-color:#1a7a4a;color:#fff}.catalog-intro{padding:.6rem 1.25rem 0;font-size:.85rem;color:var(--text-muted)}.catalog-intro-secondary{display:flex;align-items:center;gap:.2rem;margin-top:.2rem;font-size:.78rem}.catalog-intro-icon{display:inline-block;vertical-align:middle}.catalog-filter-chips{display:flex;flex-wrap:wrap;gap:.35rem;margin:.5rem 0}.catalog-clear-filters{font-size:.78rem;padding:.3rem .7rem;margin-bottom:.75rem}.catalog-item-recipe{margin:.4rem 0}.modal-container--catalog{max-width:720px;width:95vw;max-height:85vh;display:flex;flex-direction:column}.catalog-tabs{display:flex;border-bottom:1px solid var(--border);padding:0 1rem;gap:.25rem;flex-shrink:0}.catalog-tab{padding:.6rem 1rem;font-size:.875rem;font-weight:500;border:none;background:none;color:var(--text-muted);cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1px;transition:color .15s,border-color .15s;display:flex;align-items:center;gap:.4rem}.catalog-tab.active{color:var(--gold);border-bottom-color:var(--gold)}.catalog-tab-badge{background:var(--gold);color:#fff;font-size:.7rem;font-weight:700;padding:0 .35rem;border-radius:999px;line-height:1.4}.catalog-filters{display:flex;gap:.5rem;margin-bottom:1rem;flex-wrap:wrap}.catalog-filter-select{width:auto;min-width:140px;flex-shrink:0}.catalog-list{display:flex;flex-direction:column;gap:.5rem}.catalog-item{display:grid;grid-template-columns:minmax(0,1fr) 140px;gap:0;align-items:stretch;padding:0;border:1px solid var(--border);border-radius:8px;background:var(--bg-card);overflow:hidden}.catalog-item-body{display:flex;flex-direction:column;gap:.75rem;padding:.75rem;min-width:0}.catalog-item-header{display:flex;align-items:center;justify-content:space-between;gap:.75rem;flex-wrap:wrap}.catalog-item-title-row{display:flex;align-items:baseline;flex-wrap:wrap;gap:.2rem;min-width:0}.catalog-item-name{font-weight:700;font-size:.95rem;color:var(--text)}.catalog-item-abv{font-size:.78rem;font-weight:600;color:var(--text-dim)}.catalog-item-main-column{display:flex;flex-direction:column;gap:.45rem;min-width:0}.catalog-item-footer-row{display:flex;align-items:center;justify-content:space-between;gap:.5rem;flex-wrap:wrap}.catalog-item-meta-block{display:flex;align-items:center;justify-content:flex-end;flex-shrink:0}.catalog-item-image-column{display:flex}.catalog-item-image-actions{display:flex;align-items:center;flex-shrink:0}.catalog-chip-row{display:flex;align-items:center;gap:.35rem;flex-wrap:wrap}.catalog-item-recipe{width:100%}.catalog-chip{font-size:.72rem;padding:.15rem .5rem;border-radius:999px;background:var(--bg-raised);color:var(--text-muted);border:1px solid var(--border)}.catalog-item-meta{display:inline-flex;align-items:center;gap:.25rem;font-size:.72rem;color:var(--text-dim);min-width:0;flex-wrap:wrap}.catalog-item-meta-label{font-weight:600;white-space:nowrap}.catalog-item-meta-value{color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.catalog-item-image-wrap{width:100%;height:100%;min-height:170px;border-left:1px solid var(--border);background:var(--bg-raised)}.catalog-item-image{width:100%;height:100%;min-height:170px;object-fit:cover;display:block}.catalog-item-image-placeholder{display:flex;align-items:center;justify-content:center;color:var(--gold-dim)}.catalog-btn-import{font-size:.8rem;padding:.35rem .75rem;white-space:nowrap}.catalog-btn-preview{padding:.35rem .5rem;font-size:.8rem}.catalog-btn--fork{background:var(--primary-muted, #7c3aed22)!important}.catalog-badge{font-size:.75rem;padding:.25rem .6rem;border-radius:999px;font-weight:600}.catalog-badge--done{background:#d1fae5;color:#065f46}.catalog-badge--submitted{background:#dbeafe;color:#1e40af}.catalog-badge--unchanged{background:var(--bg-raised);color:var(--text-muted);cursor:default}.catalog-badge--checking{background:transparent;color:var(--text-muted);font-size:.9rem}.catalog-preview{width:100%;border-top:1px solid var(--border);padding-top:.6rem;margin-top:.25rem}.catalog-recipe{display:flex;flex-direction:column;gap:.2rem}.catalog-recipe-line{display:flex;justify-content:space-between;font-size:.82rem;padding:.15rem 0}.catalog-recipe-ingredient{color:var(--text)}.catalog-recipe-qty{color:var(--text-muted);font-variant-numeric:tabular-nums}.catalog-creator{margin-top:.4rem;font-size:.75rem;color:var(--text-muted);font-style:italic}.catalog-empty{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:2rem 0;color:var(--text-muted);font-size:.9rem}.catalog-mine-hint{font-size:.85rem;color:var(--text-muted);margin-bottom:1rem;padding:.6rem .75rem;background:var(--bg-raised);border-radius:6px;border-left:3px solid var(--gold)}.chips-container--sub{margin-top:.5rem;padding-left:.75rem;border-left:2px solid var(--gold-dim)}.chip--sub{font-size:.72rem;padding:.25rem .7rem;opacity:.85}.chip--sub.active{background:#c9a84c2e;opacity:1}.filter-tag--sub{font-size:.72rem;opacity:.9;background:#c9a84c12}.fade-enter-active,.fade-leave-active{transition:opacity .2s ease,transform .2s ease}.fade-enter-from,.fade-leave-to{opacity:0;transform:translateY(-4px)}.filter-mode-toggle{display:flex;gap:.375rem}.filter-mode-btn{flex:1;padding:.35rem .75rem;border-radius:var(--radius-md);border:1px solid var(--border-mid);background:transparent;color:var(--text-muted);cursor:pointer;font-size:.75rem;font-weight:600;transition:all .2s;text-align:center}.filter-mode-btn:hover{border-color:var(--gold-dim);color:var(--gold)}.filter-mode-btn.active{background:#c9a84c1f;color:var(--gold);border-color:var(--gold-dim)}.chip-hint{opacity:.6;font-weight:400;font-size:.68rem;margin-left:.2rem}.profile-tags{font-style:italic;color:var(--text-dim)}.profile-tag{display:inline-block;font-size:.68rem;color:var(--text-dim);font-style:italic}.profile-tag+.profile-tag:before{content:" · "}.cv-card-meta .profile-tags{font-size:.72rem;color:var(--text-dim)}.toast{position:fixed;bottom:20px;left:50%;transform:translate(-50%);background:#222;color:#fff;padding:10px 16px;border-radius:8px;font-size:13px;opacity:.95;z-index:9999}.btn-order-simple{width:34px;height:34px;border-radius:10px;display:flex;align-items:center;justify-content:center;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);transition:transform .12s ease,background .12s ease}.btn-order-simple:active{transform:scale(.85);background:#ffffff1f;transition:transform .08s ease,background .08s ease}.btn-order-simple.is-active{background:#22c55e1f;border-color:#22c55e4d}.tick-pop-enter-active{animation:tickPop .18s ease-out}.tick-pop-leave-active{animation:tickPopOut .12s ease-in}@keyframes tickPop{0%{transform:scale(.6);opacity:0}to{transform:scale(1);opacity:1}}@keyframes tickPopOut{0%{transform:scale(1);opacity:1}to{transform:scale(.6);opacity:0}}.orders-panel{display:flex;flex-direction:column;gap:12px;overflow-y:auto;position:relative;z-index:1}.orders-tabs{display:flex;gap:8px;border-bottom:1px solid var(--color-border-secondary)}.tab-btn{display:flex;align-items:center;gap:6px;padding:8px 12px;background:transparent;border:none;color:var(--color-text-secondary);font-size:.875rem;font-weight:500;cursor:pointer;border-bottom:2px solid transparent;transition:all .2s ease}.tab-btn:hover{color:var(--color-text-primary)}.tab-btn--active{color:var(--color-primary);border-bottom-color:var(--color-primary)}.tab-count{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;background:var(--color-primary);color:#fff;border-radius:10px;font-size:.75rem;font-weight:600}.orders-controls{display:flex;gap:12px;align-items:center}.sort-controls{display:flex;gap:8px;align-items:center}.sort-label{font-size:.875rem;color:var(--color-text-secondary)}.sort-select{padding:6px 10px;border:1px solid var(--color-border-secondary);border-radius:6px;background:var(--color-bg-primary);color:var(--color-text-primary);font-size:.875rem;cursor:pointer}.orders-content{display:flex;flex-direction:column;gap:12px}.orders-empty{padding:16px;text-align:center;color:var(--color-text-secondary)}.orders-list{display:flex;flex-direction:column;gap:12px}.order-card{background:var(--color-bg-primary);border:1px solid var(--color-border-secondary);border-radius:10px;padding:10px;display:flex;flex-direction:column;gap:8px;transition:border .2s ease}.order-card:hover{border-color:var(--color-primary)}.order-card-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:8px;border-bottom:1px solid var(--color-border-secondary)}.order-card-title{display:flex;align-items:center;gap:6px;font-weight:600;color:var(--color-text-primary)}.order-card-count{background:var(--color-primary);color:#fff;padding:2px 8px;border-radius:10px;font-size:.75rem;font-weight:600}.order-card-content{display:flex;flex-direction:column;gap:8px;padding:8px 0}.order-card-recipe{background:var(--color-bg-secondary);border-radius:8px;padding:8px;display:flex;flex-direction:column;gap:4px;font-size:.8rem;opacity:.9}.order-recipe-row{display:flex;justify-content:space-between;align-items:center;font-variant-numeric:tabular-nums}.recipe-name{text-transform:capitalize;color:var(--color-text-primary)}.recipe-amount{font-weight:600;color:var(--color-primary)}.recipe-chips{display:flex;flex-wrap:wrap;gap:6px;padding:0 8px}.chip-small{padding:4px 10px;border-radius:12px;font-size:.75rem;font-weight:600;background:#c9a84c26;color:var(--color-primary);border:1px solid var(--color-primary);text-transform:capitalize}.order-card-orders{display:flex;flex-direction:column;gap:6px;border-top:1px dashed var(--color-border-secondary);padding-top:8px}.order-item{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px;background:var(--color-bg-secondary);border:1px solid var(--color-border-secondary);border-radius:8px;animation:slideInOrder .3s ease-out}.order-item--completed{opacity:.85;background:var(--color-bg-tertiary)}.order-info{display:flex;flex-direction:column;gap:4px;flex:1}.order-drinker{display:flex;align-items:center;gap:6px;font-weight:600;color:var(--color-primary)}.order-time{font-size:.75rem;color:var(--color-text-tertiary)}.order-actions{display:flex;gap:6px}.order-actions-completed{display:flex;align-items:center;gap:8px}.order-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:1px solid var(--color-border-secondary);border-radius:6px;background:var(--color-bg-primary);cursor:pointer;transition:all .2s ease}.order-btn:hover{background:var(--color-bg-tertiary)}.order-btn--complete{color:#10b981}.order-btn--complete:hover{background:#10b9811a}.order-btn--cancel,.order-btn--delete{color:#ef4444}.order-btn--cancel:hover,.order-btn--delete:hover{background:#ef44441a}.order-badge{display:flex;align-items:center;gap:6px;padding:6px 10px;background:#10b9811a;border:1px solid #10b981;border-radius:6px;color:#10b981;font-size:.875rem}@keyframes slideInOrder{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.cocktail-title-row{display:flex;align-items:baseline;justify-content:space-between}.cocktail-abv-inline{font-size:.78rem;font-weight:600;color:var(--gold)}.category-header{cursor:pointer}.category-chevron{flex-shrink:0;color:var(--text-dim)}.category-body{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:.6rem;padding:.5rem 1rem 1rem}.ingredient-item-wrap .ingredient-item{display:flex;align-items:center;flex-wrap:wrap;gap:.4rem .6rem;padding:.5rem .65rem;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-raised)}.ingredient-name{flex:0 1 auto;min-width:3.2rem;max-width:8.5rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ingredient-item-actions{display:flex;align-items:center;flex-wrap:wrap;gap:.4rem;margin-left:auto}.ingredient-pricing{display:flex;align-items:center;flex-wrap:wrap;gap:.3rem}.fields-disabled{opacity:.4;pointer-events:none}.fields-disabled .field-unit input,.fields-disabled .pricing-mode-select{cursor:not-allowed}.pricing-mode-select{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-input);color:var(--text);padding:.25rem .15rem;font-size:.72rem;width:3rem;flex-shrink:0}.field-unit{position:relative;display:inline-flex;align-items:center;flex-shrink:0}.field-unit input{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-input);color:var(--text);padding:.25rem .35rem;font-size:.75rem;width:100%;-moz-appearance:textfield;appearance:textfield}.field-unit input::-webkit-outer-spin-button,.field-unit input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.field-unit-suffix{position:absolute;right:.3rem;top:50%;transform:translateY(-50%);font-size:.6rem;color:var(--text-dim);pointer-events:none;white-space:nowrap}.field-unit--currency{width:2.9rem}.field-unit--currency input{padding-right:1.1rem}.field-unit--volume{width:3.2rem}.field-unit--volume input{padding-right:1.3rem}.field-unit--percent{width:2.7rem}.field-unit--percent input{padding-right:1rem}.field-unit--rate{width:3.9rem}.field-unit--rate input{padding-right:2.1rem}.ingredient-abv-input{width:100%!important}.ingredient-item-wrap{display:flex;flex-direction:column;gap:.4rem}.badge-references,.btn-manage-references{display:inline-flex;align-items:center;gap:.25rem;border:1px solid var(--gold-dim);border-radius:999px;background:var(--bg-raised);color:var(--gold);font-size:.7rem;font-weight:600;padding:.15rem .55rem;cursor:pointer;white-space:nowrap;flex-shrink:0}.btn-manage-references{color:var(--text-dim);border-color:var(--border-mid);padding:.25rem;border-radius:var(--radius-sm)}.badge-references:hover,.btn-manage-references:hover{border-color:var(--gold);color:var(--gold)}.references-panel{display:flex;flex-direction:column;gap:.4rem;margin-left:1.6rem;padding:.5rem .6rem;border:1px solid var(--border);border-left:2px solid var(--gold-dim);background:var(--bg);border-radius:var(--radius-sm)}.reference-row{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem}.reference-checkbox{width:1rem;height:1rem;cursor:pointer;accent-color:var(--gold);flex-shrink:0}.reference-name{flex:0 1 auto;min-width:4rem;max-width:9rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.85rem}.reference-actions{display:flex;align-items:center;flex-wrap:wrap;gap:.3rem;margin-left:auto}.reference-pricing{display:flex;align-items:center;flex-wrap:wrap;gap:.3rem}.reference-abv-input{width:100%!important}.btn-remove-reference{background:none;border:none;cursor:pointer;color:var(--border-mid);padding:.2rem;display:flex;align-items:center}.btn-remove-reference:hover{color:var(--danger, #c0392b)}.btn-delete-ingredient{background:none;border:none;cursor:pointer;color:var(--border-mid);padding:.2rem;display:flex;align-items:center;opacity:.6;flex-shrink:0}.btn-delete-ingredient:hover{color:var(--danger, #c0392b);opacity:1}.reference-add-form{display:flex;align-items:center;gap:.4rem;padding-top:.3rem}.reference-add-input{flex:1;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-input);color:var(--text);padding:.35rem .5rem;font-size:.82rem}.chip-with-count{position:relative}.chip-counter{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 4px;margin-left:6px;background:#d4af3733;border-radius:10px;font-size:.65rem;font-weight:700;color:var(--gold)}.chip.active .chip-counter{background:#d4af3766}.filter-icon{margin-right:4px;font-size:.9rem}.search-wrapper{position:relative}.search-suggestions{position:absolute;top:100%;left:0;right:0;margin-top:4px;background:var(--bg-card);border:1px solid var(--border-mid);border-radius:var(--radius-md);box-shadow:0 8px 24px #0000001f;max-height:300px;overflow-y:auto;z-index:100;animation:slideDown .2s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{box-shadow:0 8px 24px #d4af3726}50%{box-shadow:0 8px 32px #d4af3759}}.suggestion-item{padding:10px 12px;border-bottom:1px solid var(--border);cursor:pointer;display:flex;align-items:center;gap:8px;transition:background .15s ease}.suggestion-item:last-child{border-bottom:none}.suggestion-item:hover{background:var(--bg-raised)}.suggestion-type{font-size:.7rem;color:var(--text-dim);text-transform:uppercase;font-weight:600}.suggestion-name{font-size:.9rem;color:var(--text);font-weight:500}.bar-stats{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:8px;padding-top:12px;border-top:1px solid var(--border)}.bar-stat{text-align:center}.bar-stat-value{font-size:1.2rem;font-weight:700;color:var(--gold)}.bar-stat-label{font-size:.7rem;color:var(--text-dim);text-transform:uppercase;letter-spacing:.5px;margin-top:2px}.bar-status-badge{display:inline-block;padding:2px 8px;border-radius:12px;font-size:.65rem;font-weight:600;text-transform:uppercase}.bar-status-badge.public{background:#22c55e1a;color:#22c55e}.bar-status-badge.private{background:#ef44441a;color:#ef4444}.bar-actions-new{display:flex;flex-direction:column;gap:12px;padding-top:12px;border-top:1px solid var(--border)}.btn-select-bar-large{all:unset;display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 16px;border-radius:8px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s ease;background:var(--gold);color:#fff;width:100%}.btn-select-bar-large:hover{background:#d4a737;transform:translateY(-2px);box-shadow:0 4px 12px #d4af374d}.bar-actions-small{display:flex;gap:8px;justify-content:flex-end}.btn-action-small{all:unset;display:flex;align-items:center;justify-content:center;gap:4px;padding:6px 12px;border-radius:6px;font-size:.8rem;font-weight:600;cursor:pointer;transition:all .15s ease;background:var(--color-bg-tertiary);color:var(--color-text);border:1px solid var(--border)}.btn-action-small:hover{background:var(--color-bg-hover);border-color:var(--gold-dim)}.btn-action-small--danger{background:#ef44441a;border-color:#ef44444d;color:#ef4444}.btn-action-small--danger:hover{background:#ef444433;border-color:#ef4444}.empty-state-enhanced{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px;padding:2rem;text-align:center}.empty-state-icon{font-size:3rem;margin-bottom:1rem;opacity:.5;animation:float 3s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.empty-state-title{font-size:1.25rem;font-weight:600;color:var(--text);margin-bottom:.5rem}.empty-state-message{font-size:.95rem;color:var(--text-muted);margin-bottom:1.5rem;max-width:400px}.empty-state-actions{display:flex;gap:.75rem;justify-content:center;flex-wrap:wrap}.empty-state-btn{all:unset;padding:.75rem 1.25rem;border-radius:6px;font-weight:600;cursor:pointer;transition:all .2s ease;font-size:.9rem}.empty-state-btn-primary{background:var(--gold);color:#fff}.empty-state-btn-primary:hover{background:#d4a737;transform:translateY(-2px);box-shadow:0 4px 12px #d4af374d}.empty-state-btn-secondary{background:var(--bg-raised);color:var(--text);border:1px solid var(--border)}.empty-state-btn-secondary:hover{background:var(--bg-card);border-color:var(--gold-dim)}.makeable-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;background:#22c55e1a;border:1px solid rgba(34,197,94,.3);border-radius:12px;font-size:.75rem;font-weight:600;color:#22c55e;margin-top:6px}.makeable-badge:before{content:"✓";font-weight:700}.expand-actions-btn{transition:all .2s ease}.expand-actions-btn:hover{background:#d4af370d}.expand-actions-btn ChevronDown.rotated{transform:rotate(180deg);transition:transform .3s ease}@media(max-width:768px){.header-title{font-size:.9rem;letter-spacing:1px}.chip{font-size:.7rem;padding:.3rem .7rem}.cocktails-grid:not(.cocktails-grid--standard){grid-template-columns:repeat(auto-fill,minmax(200px,1fr))!important}.side-by-side{flex-direction:column}.empty-state-icon{font-size:2.5rem}.empty-state-enhanced{min-height:200px}}@media(max-width:480px){.header-container{padding:.4rem 1rem}.header-logo{height:32px}.cocktails-grid{grid-template-columns:1fr!important;gap:.75rem}.chip-counter{display:none}.bar-stats{grid-template-columns:1fr;gap:8px}}@media(max-width:768px){.filters-dropdown-content{max-height:400px;overflow-y:auto}}@media(min-width:1400px){.cocktails-grid:not(.cocktails-grid--standard){grid-template-columns:repeat(auto-fill,minmax(300px,1fr))!important}}.fade-enter-active,.fade-leave-active{transition:opacity .3s ease}.fade-enter-from,.fade-leave-to{opacity:0}html{scroll-behavior:smooth}.cocktail-card-compact[data-v-6c1c0c13]{will-change:transform,box-shadow}.storage-banner[data-v-5d7affef]{background:linear-gradient(to right,var(--bg-raised),var(--bg));border-top:1px solid rgba(160,120,40,.25)}.dark .storage-banner[data-v-5d7affef]{background:linear-gradient(135deg,#221f1af7,#1a1814f7);border-top:1px solid rgba(201,168,76,.2);box-shadow:0 -4px 16px #0000004d}.storage-banner-text[data-v-5d7affef]{color:var(--text-muted)}.dark .storage-banner-text[data-v-5d7affef]{color:var(--text-dim)}.btn-secondary[data-v-5d7affef]{padding:.35rem .75rem;border:1px solid var(--border);border-radius:.375rem;background:transparent;color:var(--text-muted);cursor:pointer;transition:opacity .2s;white-space:nowrap}.btn-secondary[data-v-5d7affef]:hover{opacity:.7}.btn-primary[data-v-5d7affef]{padding:.35rem .75rem;border-radius:.375rem;background:var(--gold);color:var(--bg);cursor:pointer;transition:opacity .2s;white-space:nowrap;border:none;font-weight:500}.btn-primary[data-v-5d7affef]:hover{opacity:.85}.footer-martini[data-v-4a73fd16]{background:linear-gradient(to bottom,var(--bg),var(--bg-raised));border-color:var(--border)}.dark .footer-martini[data-v-4a73fd16]{background:linear-gradient(135deg,#221f1acc,#1a1814e6);border-color:var(--border-mid)}.footer-brand[data-v-4a73fd16]{font-weight:600;color:var(--text)}.dark .footer-brand[data-v-4a73fd16]{color:var(--gold)}.footer-text[data-v-4a73fd16]{color:var(--text-muted);font-size:.8rem}.dark .footer-text[data-v-4a73fd16]{color:var(--text-dim)}.footer-link[data-v-4a73fd16]{color:var(--text-muted);font-size:.75rem;cursor:pointer;transition:color .2s ease;background:none;border:none;padding:0;font-family:inherit}.footer-link[data-v-4a73fd16]:hover{color:var(--gold)}.dark .footer-link[data-v-4a73fd16]{color:var(--text-dim)}.dark .footer-link[data-v-4a73fd16]:hover{color:var(--gold)}.footer-sep[data-v-4a73fd16]{color:var(--border);font-size:.75rem;-webkit-user-select:none;user-select:none}.footer-version[data-v-4a73fd16]{margin-left:6px;font-size:.7rem;color:var(--text-dim, var(--text-muted));opacity:.7}.footer-sanitary[data-v-4a73fd16]{margin-top:12px;padding-top:12px;border-top:1px solid var(--border);text-align:center;font-size:.75rem;font-weight:600;color:var(--text)}.dark .footer-sanitary[data-v-4a73fd16]{color:var(--text);border-color:var(--border-mid)}.pending-approval[data-v-3fd8af14]{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px}.pending-card[data-v-3fd8af14]{max-width:420px;text-align:center;padding:40px 28px;border-radius:16px;background:var(--surface, #fff);box-shadow:0 4px 24px #00000014}.icon[data-v-3fd8af14]{font-size:40px;margin-bottom:16px}h2[data-v-3fd8af14]{margin:0 0 12px;font-size:1.25rem}p[data-v-3fd8af14]{margin:0 0 8px;color:var(--text-secondary, #666);line-height:1.5}.sub[data-v-3fd8af14]{font-size:.9rem}.btn-signout[data-v-3fd8af14]{margin-top:24px;padding:10px 20px;border:1px solid var(--border, #ddd);background:transparent;border-radius:8px;cursor:pointer}.btn-signout[data-v-3fd8af14]:hover{background:var(--surface-hover, #f5f5f5)}