@-webkit-keyframes marching-ants{0%{background-position:0 0,0 100%,0 0,100% 0}to{background-position:20px 0,-20px 100%,0 -20px,100% 20px}}@keyframes marching-ants{0%{background-position:0 0,0 100%,0 0,100% 0}to{background-position:20px 0,-20px 100%,0 -20px,100% 20px}}:root{--rc-drag-handle-size:12px;--rc-drag-handle-mobile-size:24px;--rc-drag-handle-bg-colour:#0003;--rc-drag-bar-size:6px;--rc-border-color:#ffffffb3;--rc-focus-color:#08f}.ReactCrop{cursor:crosshair;display:inline-block;max-width:100%;position:relative}.ReactCrop *,.ReactCrop :after,.ReactCrop :before{-webkit-box-sizing:border-box;box-sizing:border-box}.ReactCrop--disabled,.ReactCrop--locked{cursor:inherit}.ReactCrop__child-wrapper{max-height:inherit;overflow:hidden}.ReactCrop__child-wrapper>img,.ReactCrop__child-wrapper>video{display:block;max-height:inherit;max-width:100%}.ReactCrop:not(.ReactCrop--disabled) .ReactCrop__child-wrapper>img,.ReactCrop:not(.ReactCrop--disabled) .ReactCrop__child-wrapper>video,.ReactCrop:not(.ReactCrop--disabled) .ReactCrop__crop-selection{-ms-touch-action:none;touch-action:none}.ReactCrop__crop-mask{bottom:0;height:calc(100% + .5px);left:0;pointer-events:none;position:absolute;right:0;top:0;width:calc(100% + .5px)}.ReactCrop__crop-selection{cursor:move;left:0;position:absolute;top:0;-webkit-transform:translateZ(0);transform:translateZ(0)}.ReactCrop--disabled .ReactCrop__crop-selection{cursor:inherit}.ReactCrop--circular-crop .ReactCrop__crop-selection{border-radius:50%}.ReactCrop--circular-crop .ReactCrop__crop-selection:after{border:1px solid #ffffffb3;border:1px solid var(--rc-border-color);bottom:-1px;content:"";left:-1px;opacity:.3;pointer-events:none;position:absolute;right:-1px;top:-1px}.ReactCrop--no-animate .ReactCrop__crop-selection{outline:1px dashed #fff}.ReactCrop__crop-selection:not(.ReactCrop--no-animate .ReactCrop__crop-selection){-webkit-animation:marching-ants 1s;animation:marching-ants 1s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-play-state:running;animation-play-state:running;-webkit-animation-timing-function:linear;animation-timing-function:linear;background-image:-webkit-gradient(linear,left top,right top,color-stop(50%,#fff),color-stop(50%,#444)),-webkit-gradient(linear,left top,right top,color-stop(50%,#fff),color-stop(50%,#444)),-webkit-gradient(linear,left top,left bottom,color-stop(50%,#fff),color-stop(50%,#444)),-webkit-gradient(linear,left top,left bottom,color-stop(50%,#fff),color-stop(50%,#444));background-image:linear-gradient(90deg,#fff 50%,#444 0),linear-gradient(90deg,#fff 50%,#444 0),linear-gradient(180deg,#fff 50%,#444 0),linear-gradient(180deg,#fff 50%,#444 0);background-position:0 0,0 100%,0 0,100% 0;background-repeat:repeat-x,repeat-x,repeat-y,repeat-y;background-size:10px 1px,10px 1px,1px 10px,1px 10px;color:#fff}.ReactCrop__crop-selection:focus{outline:2px solid #08f;outline:2px solid var(--rc-focus-color);outline-offset:-1px}.ReactCrop--invisible-crop .ReactCrop__crop-mask,.ReactCrop--invisible-crop .ReactCrop__crop-selection{display:none}.ReactCrop__rule-of-thirds-hz:after,.ReactCrop__rule-of-thirds-hz:before,.ReactCrop__rule-of-thirds-vt:after,.ReactCrop__rule-of-thirds-vt:before{background-color:#fff6;content:"";display:block;position:absolute}.ReactCrop__rule-of-thirds-vt:after,.ReactCrop__rule-of-thirds-vt:before{height:100%;width:1px}.ReactCrop__rule-of-thirds-vt:before{left:33.3333333333%}.ReactCrop__rule-of-thirds-vt:after{left:66.6666666667%}.ReactCrop__rule-of-thirds-hz:after,.ReactCrop__rule-of-thirds-hz:before{height:1px;width:100%}.ReactCrop__rule-of-thirds-hz:before{top:33.3333333333%}.ReactCrop__rule-of-thirds-hz:after{top:66.6666666667%}.ReactCrop__drag-handle{background-color:#0003;background-color:var(--rc-drag-handle-bg-colour);border:1px solid #ffffffb3;border:1px solid var(--rc-border-color);height:12px;height:var(--rc-drag-handle-size);position:absolute;width:12px;width:var(--rc-drag-handle-size)}.ReactCrop__drag-handle:focus{background:#08f;background:var(--rc-focus-color)}.ReactCrop .ord-nw{cursor:nw-resize;left:0}.ReactCrop .ord-n,.ReactCrop .ord-nw{top:0;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.ReactCrop .ord-n{cursor:n-resize;left:50%}.ReactCrop .ord-ne{cursor:ne-resize;top:0}.ReactCrop .ord-e,.ReactCrop .ord-ne{right:0;-webkit-transform:translate(50%,-50%);transform:translate(50%,-50%)}.ReactCrop .ord-e{cursor:e-resize;top:50%}.ReactCrop .ord-se{bottom:0;cursor:se-resize;right:0;-webkit-transform:translate(50%,50%);transform:translate(50%,50%)}.ReactCrop .ord-s{cursor:s-resize;left:50%}.ReactCrop .ord-s,.ReactCrop .ord-sw{bottom:0;-webkit-transform:translate(-50%,50%);transform:translate(-50%,50%)}.ReactCrop .ord-sw{cursor:sw-resize;left:0}.ReactCrop .ord-w{cursor:w-resize;left:0;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.ReactCrop__disabled .ReactCrop__drag-handle{cursor:inherit}.ReactCrop__drag-bar{position:absolute}.ReactCrop__drag-bar.ord-n{height:6px;height:var(--rc-drag-bar-size);left:0;top:0;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:100%}.ReactCrop__drag-bar.ord-e{height:100%;right:0;top:0;-webkit-transform:translate(50%);transform:translate(50%);width:6px;width:var(--rc-drag-bar-size)}.ReactCrop__drag-bar.ord-s{bottom:0;height:6px;height:var(--rc-drag-bar-size);left:0;-webkit-transform:translateY(50%);transform:translateY(50%);width:100%}.ReactCrop__drag-bar.ord-w{height:100%;left:0;top:0;-webkit-transform:translate(-50%);transform:translate(-50%);width:6px;width:var(--rc-drag-bar-size)}.ReactCrop--fixed-aspect .ReactCrop__drag-bar,.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-e,.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-n,.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-s,.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-w,.ReactCrop--new-crop .ReactCrop__drag-bar,.ReactCrop--new-crop .ReactCrop__drag-handle{display:none}@media (pointer:coarse){.ReactCrop .ord-e,.ReactCrop .ord-n,.ReactCrop .ord-s,.ReactCrop .ord-w{display:none}.ReactCrop__drag-handle{height:24px;height:var(--rc-drag-handle-mobile-size);width:24px;width:var(--rc-drag-handle-mobile-size)}}*{box-sizing:border-box;margin:0;padding:0}:root,[data-theme=burbon]{--bg-primary:#0f0e0c;--bg-secondary:#1a1815;--bg-tertiary:#2e2a24;--bg-hover:#4a4234;--accent:#e8c87a;--accent-hover:#f0d88a;--accent-bg:#e8c87a14;--accent-bg2:#e8c87a26;--accent-border:#e8c87a4d;--accent-rgb:232,200,122;--text-primary:#f0ebe3;--text-secondary:#c8b88a;--text-muted:#7a7060;--text-faint:#4a4234;--border:#2e2a24;--danger:#e24b4a;--danger-bg:#e24b4a33;--danger-bg2:#e24b4a66}[data-theme=noc]{--bg-primary:#080c14;--bg-secondary:#0f1520;--bg-tertiary:#1a2332;--bg-hover:#253347;--accent:#60a5fa;--accent-hover:#93c5fd;--accent-bg:#60a5fa14;--accent-bg2:#60a5fa26;--accent-border:#60a5fa4d;--accent-rgb:96,165,250;--text-primary:#e8f0fe;--text-secondary:#93b4d4;--text-muted:#5a7a99;--text-faint:#2a4055;--border:#1a2332;--danger:#f87171;--danger-bg:#f8717133;--danger-bg2:#f8717166}[data-theme=tropiki]{--bg-primary:#071210;--bg-secondary:#0d1f1d;--bg-tertiary:#163028;--bg-hover:#1f4038;--accent:#4fd1c5;--accent-hover:#81e6d9;--accent-bg:#4fd1c514;--accent-bg2:#4fd1c526;--accent-border:#4fd1c54d;--accent-rgb:79,209,197;--text-primary:#e6fffa;--text-secondary:#81c9c3;--text-muted:#4a8a80;--text-faint:#234840;--border:#163028;--danger:#f87171;--danger-bg:#f8717133;--danger-bg2:#f8717166}[data-theme=wino]{--bg-primary:#0f080d;--bg-secondary:#1a0f17;--bg-tertiary:#2e1828;--bg-hover:#3d2035;--accent:#d4537e;--accent-hover:#e87da0;--accent-bg:#d4537e14;--accent-bg2:#d4537e26;--accent-border:#d4537e4d;--accent-rgb:212,83,126;--text-primary:#f5e8ef;--text-secondary:#d4a0bc;--text-muted:#8a5070;--text-faint:#4a2038;--border:#2e1828;--danger:#f87171;--danger-bg:#f8717133;--danger-bg2:#f8717166}body{background:#0f0e0c;background:var(--bg-primary);color:#f0ebe3;color:var(--text-primary);font-family:Georgia,serif;min-height:100vh}.header{background:#1a1815;background:var(--bg-secondary);border-bottom:1px solid #2e2a24;border-bottom:1px solid var(--border);justify-content:space-between;padding:16px 32px;position:-webkit-sticky;position:sticky;top:0;z-index:100}.header,.header-brand{align-items:center;display:flex}.header-brand{gap:14px}.logo{font-size:36px}.header-brand h1{color:#e8c87a;color:var(--accent);font-size:22px;letter-spacing:1px}.header-brand p{color:#7a7060;color:var(--text-muted);font-family:monospace;font-size:12px;letter-spacing:2px;text-transform:uppercase}.header-nav{align-items:center;display:flex;gap:8px}.nav-btn{background:#0000;border:1px solid #2e2a24;border:1px solid var(--border);border-radius:8px;color:#7a7060;color:var(--text-muted);cursor:pointer;font-size:13px;padding:8px 16px;transition:all .2s}.nav-btn:hover{color:#c8b88a;color:var(--text-secondary)}.nav-btn.active,.nav-btn:hover{border-color:#4a4234;border-color:var(--bg-hover)}.nav-btn.active{background:#2e2a24;background:var(--bg-tertiary);color:#e8c87a;color:var(--accent)}.btn-primary{background:#e8c87a;background:var(--accent);border:none;border-radius:8px;color:#1a1815;color:var(--bg-secondary);cursor:pointer;font-size:13px;font-weight:600;padding:9px 20px;transition:all .2s}.btn-primary:hover{background:#f0d88a;background:var(--accent-hover);transform:translateY(-1px)}.btn-primary:disabled{cursor:not-allowed;opacity:.5;transform:none}.btn-secondary{background:#0000;border:1px solid #2e2a24;border:1px solid var(--border);border-radius:8px;color:#7a7060;color:var(--text-muted);cursor:pointer;font-size:13px;padding:9px 20px;transition:all .2s}.btn-secondary:hover{border-color:#4a4234;border-color:var(--bg-hover);color:#c8b88a;color:var(--text-secondary)}.main{display:flex;height:calc(100vh - 65px);overflow:hidden}.sidebar{background:#1a1815;background:var(--bg-secondary);border-right:1px solid #2e2a24;border-right:1px solid var(--border);flex-shrink:0;overflow-y:auto;padding:20px 16px;width:220px}.search-box{align-items:center;background:#0f0e0c;background:var(--bg-primary);border:1px solid #2e2a24;border:1px solid var(--border);border-radius:8px;display:flex;gap:8px;margin-bottom:20px;padding:8px 12px}.search-box input{background:#0000;border:none;color:#f0ebe3;color:var(--text-primary);font-size:13px;outline:none;width:100%}.search-box input::placeholder{color:#4a4234;color:var(--text-faint)}.filter-section{margin-bottom:20px}.filter-label{color:#4a4234;color:var(--text-faint);font-family:monospace;font-size:10px;letter-spacing:2px;margin-bottom:8px;text-transform:uppercase}.filter-btn{align-items:center;background:#0000;border:none;border-radius:6px;color:#7a7060;color:var(--text-muted);cursor:pointer;display:flex;font-size:13px;justify-content:space-between;margin-bottom:2px;padding:7px 10px;text-align:left;transition:all .15s;width:100%}.filter-btn:hover{color:#c8b88a;color:var(--text-secondary)}.filter-btn.active,.filter-btn:hover{background:#2e2a24;background:var(--bg-tertiary)}.filter-btn.active{color:#e8c87a;color:var(--accent)}.filter-btn .count{background:#2e2a24;background:var(--bg-tertiary);border-radius:10px;color:#7a7060;color:var(--text-muted);font-size:11px;padding:1px 7px}.filter-btn.active .count{color:#e8c87a;color:var(--accent)}.content{flex:1 1;overflow-y:auto;padding:24px 28px}.content-header{margin-bottom:16px}.results-info{color:#4a4234;color:var(--text-faint);font-family:monospace;font-size:12px;letter-spacing:1px;text-transform:uppercase}.drinks-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.drink-card{background:#1a1815;background:var(--bg-secondary);border:1px solid #2e2a24;border:1px solid var(--border);border-radius:12px;cursor:pointer;overflow:hidden;position:relative;transition:all .2s}.drink-card:hover{border-color:#4a4234;border-color:var(--bg-hover);box-shadow:0 8px 24px #0006;transform:translateY(-2px)}.drink-card-header{align-items:center;border-bottom:1px solid #0000;display:flex;justify-content:space-between;padding:20px}.drink-emoji{font-size:40px}.drink-badge{border:1px solid;border-radius:20px;font-family:monospace;font-size:11px;padding:3px 10px}.drink-card-body{padding:14px 16px}.drink-name{color:#f0ebe3;color:var(--text-primary);font-size:17px;margin-bottom:4px}.drink-desc{color:#7a7060;color:var(--text-muted);font-size:12px;line-height:1.5;margin-bottom:12px}.drink-meta{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.drink-category{background:#2e2a24;background:var(--bg-tertiary);border-radius:4px;color:#7a7060;color:var(--text-muted);font-size:11px;padding:3px 8px}.drink-glass{color:#4a4234;color:var(--text-faint);font-size:11px}.drink-footer{align-items:center;display:flex;justify-content:space-between}.drink-price{color:#e8c87a;color:var(--accent);font-size:18px;font-weight:600}.drink-ingredients-count{color:#4a4234;color:var(--text-faint);font-family:monospace;font-size:11px}.delete-btn{align-items:center;background:#e24b4a33;background:var(--danger-bg);border:none;border-radius:50%;color:#e24b4a;color:var(--danger);cursor:pointer;display:none;font-size:12px;height:24px;justify-content:center;position:absolute;right:10px;top:10px;transition:all .15s;width:24px}.drink-card:hover .delete-btn{display:flex}.delete-btn:hover{background:#e24b4a66;background:var(--danger-bg2)}.modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:1000}.modal{background:#1a1815;background:var(--bg-secondary);border:1px solid #2e2a24;border:1px solid var(--border);border-radius:16px;display:flex;flex-direction:column;max-height:90vh;max-width:580px;overflow:hidden;position:relative;width:100%}.modal-body{flex:1 1;overflow-y:auto;padding:28px}.modal-close{background:#2e2a24;background:var(--bg-tertiary);border:none;border-radius:50%;color:#7a7060;color:var(--text-muted);cursor:pointer;font-size:14px;height:32px;position:absolute;right:16px;top:16px;width:32px}.modal-close:hover{background:#4a4234;background:var(--bg-hover);color:#f0ebe3;color:var(--text-primary)}.modal-hero{align-items:center;border:1px solid #2e2a24;border:1px solid var(--border);border-radius:12px;display:flex;gap:20px;margin-bottom:24px;padding:20px}.modal-title{color:#f0ebe3;color:var(--text-primary);font-size:24px}.modal-sub{color:#7a7060;color:var(--text-muted);font-family:monospace;font-size:13px;margin-top:4px}.modal-section{margin-bottom:20px}.modal-section h4{color:#7a7060;color:var(--text-muted);font-family:monospace;font-size:13px;letter-spacing:1px;margin-bottom:12px;text-transform:uppercase}.ingredients-list{list-style:none}.ingredients-list li{align-items:center;border-bottom:1px solid #2e2a24;border-bottom:1px solid var(--bg-tertiary);display:flex;gap:12px;padding:8px 0}.ing-amount{color:#e8c87a;color:var(--accent);font-family:monospace;font-size:13px;min-width:80px}.ing-name{color:#c8b88a;color:var(--text-secondary);font-size:14px}.steps-list{padding-left:20px}.steps-list li{color:#c8b88a;color:var(--text-secondary);font-size:14px;line-height:1.6;margin-bottom:8px}.modal-price-row{align-items:center;border-bottom:1px solid #2e2a24;border-bottom:1px solid var(--border);border-top:1px solid #2e2a24;border-top:1px solid var(--border);color:#7a7060;color:var(--text-muted);display:flex;font-size:14px;justify-content:space-between;margin-bottom:20px;padding:16px 0}.modal-price-row strong{color:#e8c87a;color:var(--accent);font-size:24px}.form-grid{grid-gap:14px;display:grid;gap:14px;margin-bottom:20px}.form-group{display:flex;flex-direction:column;gap:6px}.form-group label{color:#7a7060;color:var(--text-muted);font-family:monospace;font-size:11px;letter-spacing:1px;text-transform:uppercase}input,select,textarea{background:#0f0e0c;background:var(--bg-primary);border:1px solid #2e2a24;border:1px solid var(--border);border-radius:8px;color:#f0ebe3;color:var(--text-primary);font-family:inherit;font-size:14px;outline:none;padding:9px 12px;transition:border-color .2s}input:focus,select:focus{border-color:#e8c87a4d;border-color:var(--accent-border)}select option{background:#1a1815;background:var(--bg-secondary)}.emoji-picker{display:flex;flex-wrap:wrap;gap:6px}.emoji-opt{background:#0f0e0c;background:var(--bg-primary);border:1px solid #2e2a24;border:1px solid var(--border);border-radius:6px;cursor:pointer;font-size:18px;height:36px;transition:all .15s;width:36px}.emoji-opt:hover{border-color:#4a4234;border-color:var(--bg-hover);transform:scale(1.1)}.emoji-opt.active{background:#2e2a24;background:var(--bg-tertiary);border-color:#e8c87a;border-color:var(--accent)}.color-picker{display:flex;flex-wrap:wrap;gap:6px}.color-opt{border:2px solid #0000;border-radius:50%;cursor:pointer;height:28px;transition:all .15s;width:28px}.color-opt:hover{transform:scale(1.15)}.color-opt.active{border-color:#f0ebe3;border-color:var(--text-primary);box-shadow:0 0 0 2px #e8c87a;box-shadow:0 0 0 2px var(--accent)}.toggle-row{display:flex;gap:8px}.toggle-btn{background:#0f0e0c;background:var(--bg-primary);border:1px solid #2e2a24;border:1px solid var(--border);border-radius:8px;color:#7a7060;color:var(--text-muted);cursor:pointer;flex:1 1;font-size:13px;padding:8px;transition:all .15s}.toggle-btn.on{background:#2e2a24;background:var(--bg-tertiary);border-color:#e8c87a4d;border-color:var(--accent-border);color:#e8c87a;color:var(--accent)}.form-section{margin-bottom:20px}.form-section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.form-section h4{font-family:monospace;letter-spacing:1px;text-transform:uppercase}.btn-add,.form-section h4{color:#7a7060;color:var(--text-muted);font-size:12px}.btn-add{background:#0000;border:1px dashed #2e2a24;border:1px dashed var(--border);border-radius:6px;cursor:pointer;padding:4px 12px;transition:all .15s}.btn-add:hover{border-color:#e8c87a4d;border-color:var(--accent-border);color:#e8c87a;color:var(--accent)}.ingredient-row,.step-row{align-items:center;display:flex;gap:8px;margin-bottom:8px}.step-num{align-items:center;background:#2e2a24;background:var(--bg-tertiary);border-radius:50%;color:#e8c87a;color:var(--accent);display:flex;flex-shrink:0;font-size:12px;height:24px;justify-content:center;width:24px}.btn-remove{background:#0000;border:none;color:#4a4234;color:var(--text-faint);cursor:pointer;flex-shrink:0;font-size:14px;padding:4px;transition:color .15s}.btn-remove:hover{color:#e24b4a;color:var(--danger)}.modal-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:20px}.stats-page{margin:0 auto;max-width:900px;padding:32px}.stats-page h2{color:#e8c87a;color:var(--accent);font-size:24px;margin-bottom:24px}.stats-page h3{color:#c8b88a;color:var(--text-secondary);font-family:monospace;font-size:16px;letter-spacing:1px;text-transform:uppercase}.stats-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.stat-card{background:#1a1815;background:var(--bg-secondary);border:1px solid #2e2a24;border:1px solid var(--border);border-radius:12px;padding:20px;text-align:center}.stat-icon{font-size:28px;margin-bottom:10px}.stat-value{color:#e8c87a;color:var(--accent);font-size:28px;font-weight:600;margin-bottom:6px}.stat-label{color:#7a7060;color:var(--text-muted);font-family:monospace;font-size:12px}.category-bars{display:flex;flex-direction:column;gap:10px}.cat-bar-row{align-items:center;display:flex;gap:12px}.cat-bar-label{color:#c8b88a;color:var(--text-secondary);flex-shrink:0;font-size:13px;text-align:right;width:120px}.cat-bar-track{background:#2e2a24;background:var(--bg-tertiary);border-radius:4px;flex:1 1;height:8px;overflow:hidden}.cat-bar-fill{background:#e8c87a;background:var(--accent);border-radius:4px;height:100%;transition:width .5s ease}.cat-bar-count{color:#7a7060;color:var(--text-muted);font-family:monospace;font-size:13px;width:30px}.recipes-table{border-collapse:collapse;font-size:13px;width:100%}.recipes-table th{border-bottom:1px solid #2e2a24;border-bottom:1px solid var(--border);color:#7a7060;color:var(--text-muted);font-family:monospace;font-size:11px;letter-spacing:1px;padding:8px 12px;text-align:left;text-transform:uppercase}.recipes-table td{border-bottom:1px solid #2e2a24;border-bottom:1px solid var(--bg-tertiary);color:#c8b88a;color:var(--text-secondary);padding:10px 12px}.recipes-table tr:hover td{background:#1a1815;background:var(--bg-secondary)}.loading{color:#7a7060;color:var(--text-muted);font-size:16px}.empty,.loading{padding:60px;text-align:center}.empty{color:#4a4234;color:var(--text-faint);font-size:15px;grid-column:1/-1}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:#0f0e0c;background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:#2e2a24;background:var(--bg-tertiary);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#4a4234;background:var(--bg-hover)}.login-screen{align-items:center;display:flex;justify-content:center;min-height:100vh}.login-card{background:#1a1815;background:var(--bg-secondary);border:1px solid #2e2a24;border:1px solid var(--border);border-radius:16px;max-width:360px;padding:40px;text-align:center;width:100%}.login-menu-link{background:none;border:none;color:#4a4234;color:var(--text-faint);cursor:pointer;display:block;font-size:13px;margin-top:20px;text-decoration:none}.login-menu-link:hover{color:#7a7060;color:var(--text-muted)}.featured-btn{align-items:center;background:#0000;border:none;border-radius:50%;color:#4a4234;color:var(--text-faint);cursor:pointer;display:none;font-size:16px;height:24px;justify-content:center;position:absolute;right:40px;top:10px;transition:all .15s;width:24px}.drink-card:hover .featured-btn{display:flex}.featured-btn.on{display:flex}.featured-badge,.featured-btn.on,.featured-btn:hover{color:#e8c87a;color:var(--accent)}.featured-badge{background:#e8c87a26;background:var(--accent-bg2);border:1px solid #e8c87a4d;border:1px solid var(--accent-border);border-radius:10px;font-family:monospace;font-size:10px;left:10px;padding:2px 7px;position:absolute;top:10px}.btn-featured-toggle{background:#0000;border:1px solid #2e2a24;border:1px solid var(--border);border-radius:8px;color:#7a7060;color:var(--text-muted);cursor:pointer;flex:1 1;font-size:13px;padding:9px 16px;transition:all .2s}.btn-featured-toggle.on,.btn-featured-toggle:hover{border-color:#e8c87a4d;border-color:var(--accent-border);color:#e8c87a;color:var(--accent)}.btn-featured-toggle.on{background:#e8c87a14;background:var(--accent-bg)}.nav-badge{background:#e24b4a;background:var(--danger);border-radius:9px;color:#fff;font-size:11px;font-weight:600;height:18px;justify-content:center;margin-left:5px;min-width:18px;padding:0 4px}.menu-link-btn,.nav-badge{align-items:center;display:inline-flex}.menu-link-btn{background:#0000;border:1px solid #2e2a24;border:1px solid var(--border);border-radius:8px;color:#7a7060;color:var(--text-muted);cursor:pointer;font-size:13px;padding:8px 14px;text-decoration:none;transition:all .2s}.menu-link-btn:hover{border-color:#4a4234;border-color:var(--bg-hover);color:#c8b88a;color:var(--text-secondary)}.orders-panel{margin:0 auto;max-width:800px;padding:32px}.orders-section-title{align-items:center;color:#c8b88a;color:var(--text-secondary);display:flex;font-family:monospace;font-size:14px;gap:10px;letter-spacing:1px;margin-bottom:14px;text-transform:uppercase}.orders-badge{background:#e24b4a;background:var(--danger);border-radius:10px;color:#fff;font-size:12px;font-weight:600;padding:1px 8px}.orders-empty{border:1px dashed #2e2a24;border:1px dashed var(--border);border-radius:8px;color:#4a4234;color:var(--text-faint);font-size:14px;padding:24px;text-align:center}.orders-list{display:flex;flex-direction:column;gap:8px}.order-card{align-items:center;background:#1a1815;background:var(--bg-secondary);border:1px solid #2e2a24;border:1px solid var(--border);border-radius:10px;display:flex;gap:14px;padding:14px 16px}.order-card.order-pending{border-left:3px solid #e8c87a;border-left:3px solid var(--accent)}.order-card.order-done{opacity:.45}.order-emoji{flex-shrink:0;font-size:26px}.order-info{flex:1 1;min-width:0}.order-name{color:#f0ebe3;color:var(--text-primary);font-size:16px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.order-nick{color:#7a7060;color:var(--text-muted);font-family:monospace;font-size:12px;margin-top:2px}.btn-done{background:#e8c87a14;background:var(--accent-bg);border:1px solid #e8c87a4d;border:1px solid var(--accent-border);border-radius:6px;color:#e8c87a;color:var(--accent);cursor:pointer;flex-shrink:0;font-size:13px;padding:7px 14px;transition:all .15s;white-space:nowrap}.btn-done:hover{background:#e8c87a26;background:var(--accent-bg2)}.order-done-label{color:#4a4234;color:var(--text-faint);flex-shrink:0;font-size:18px}.menu-app{min-height:100vh}.menu-header{align-items:center;background:#1a1815;background:var(--bg-secondary);border-bottom:1px solid #2e2a24;border-bottom:1px solid var(--border);justify-content:space-between;padding:16px 32px;position:-webkit-sticky;position:sticky;top:0;z-index:100}.menu-filters,.menu-header{display:flex;flex-wrap:wrap}.menu-filters{gap:8px}.filter-pill{background:#0000;border:1px solid #2e2a24;border:1px solid var(--border);border-radius:20px;color:#7a7060;color:var(--text-muted);cursor:pointer;font-size:13px;padding:7px 16px;transition:all .15s}.filter-pill:hover{color:#c8b88a;color:var(--text-secondary)}.filter-pill.active,.filter-pill:hover{border-color:#4a4234;border-color:var(--bg-hover)}.filter-pill.active{background:#2e2a24;background:var(--bg-tertiary);color:#e8c87a;color:var(--accent)}.menu-content{margin:0 auto;max-width:1200px;padding:32px}.menu-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.menu-card{background:#1a1815;background:var(--bg-secondary);border:1px solid #2e2a24;border:1px solid var(--border);border-radius:16px;cursor:pointer;overflow:hidden;transition:all .2s}.menu-card:hover{border-color:#4a4234;border-color:var(--bg-hover);box-shadow:0 12px 32px #00000080;transform:translateY(-3px)}.menu-card-header{align-items:center;display:flex;justify-content:center;padding:28px}.menu-card-emoji{font-size:56px}.menu-card-body{padding:16px 20px 20px}.menu-card-name{color:#f0ebe3;color:var(--text-primary);font-size:20px;margin-bottom:6px}.menu-card-desc{color:#7a7060;color:var(--text-muted);font-size:13px;line-height:1.5;margin-bottom:14px}.menu-card-footer{align-items:center;display:flex;justify-content:space-between}.menu-card-price{color:#e8c87a;color:var(--accent);font-size:22px;font-weight:600}.menu-card-glass{color:#4a4234;color:var(--text-faint);font-size:12px}.menu-modal{background:#1a1815;background:var(--bg-secondary);border:1px solid #2e2a24;border:1px solid var(--border);border-radius:16px;display:flex;flex-direction:column;max-height:90vh;max-width:520px;overflow:hidden;position:relative;width:100%}.menu-modal-body{flex:1 1;overflow-y:auto;padding:28px}.menu-modal-hero{align-items:center;border:1px solid #2e2a24;border:1px solid var(--border);border-radius:12px;display:flex;gap:20px;margin-bottom:24px;padding:20px}.order-form{margin-top:20px}.order-form .form-group{margin-bottom:12px}.menu-btn-primary{background:#e8c87a;background:var(--accent);border:none;border-radius:8px;color:#1a1815;color:var(--bg-secondary);cursor:pointer;font-size:15px;font-weight:600;margin-top:4px;padding:13px;transition:all .2s;width:100%}.menu-btn-primary:hover{background:#f0d88a;background:var(--accent-hover)}.menu-btn-primary:disabled{cursor:not-allowed;opacity:.5}.order-success{padding:20px 0;text-align:center}.order-success h2{color:#e8c87a;color:var(--accent);font-size:24px;margin:16px 0 8px}.order-success p{color:#7a7060;color:var(--text-muted);font-size:14px;line-height:1.6;margin-bottom:24px}.landing{align-items:center;background:#0f0e0c;background:var(--bg-primary);display:flex;flex-direction:column;gap:40px;justify-content:center;min-height:100vh;padding:24px}.landing-brand{text-align:center}.landing-brand h1{color:#e8c87a;color:var(--accent);font-size:32px;letter-spacing:2px;margin-top:12px}.landing-brand p{color:#7a7060;color:var(--text-muted);font-family:monospace;font-size:12px;letter-spacing:3px;margin-top:4px;text-transform:uppercase}.landing-tiles{display:flex;gap:20px;max-width:640px;width:100%}.landing-tile{background:#1a1815;background:var(--bg-secondary);border:1px solid #2e2a24;border:1px solid var(--border);border-radius:20px;cursor:pointer;flex:1 1;padding:36px 24px;text-align:center;transition:all .25s}.landing-tile:hover{border-color:#e8c87a;border-color:var(--accent);box-shadow:0 16px 40px #0006;transform:translateY(-4px)}.landing-tile-icon{font-size:48px;margin-bottom:16px}.landing-tile h2{color:#f0ebe3;color:var(--text-primary);font-size:20px;margin-bottom:8px}.landing-tile p{color:#7a7060;color:var(--text-muted);font-size:13px;line-height:1.5}.landing-tile-admin:hover,.landing-tile-menu:hover{border-color:#e8c87a;border-color:var(--accent)}.theme-picker{align-items:center;display:flex;gap:10px}.theme-picker-label{color:#7a7060;color:var(--text-muted);font-family:monospace;font-size:12px;letter-spacing:1px;text-transform:uppercase}.theme-dot{border:2px solid #0000;border-radius:50%;cursor:pointer;height:28px;transition:all .15s;width:28px}.theme-dot:hover{transform:scale(1.15)}.theme-dot.active{border-color:#f0ebe3;border-color:var(--text-primary);box-shadow:0 0 0 2px #e8c87a;box-shadow:0 0 0 2px var(--accent)}.settings-panel{margin:0 auto;max-width:640px;padding:32px}.settings-title{color:#e8c87a;color:var(--accent);font-size:22px;margin-bottom:28px}.settings-section{margin-bottom:32px}.settings-section-label{color:#4a4234;color:var(--text-faint);font-family:monospace;font-size:11px;letter-spacing:2px;margin-bottom:14px;text-transform:uppercase}.settings-row{align-items:center;background:#1a1815;background:var(--bg-secondary);border:1px solid #2e2a24;border:1px solid var(--border);border-radius:12px;display:flex;justify-content:space-between;margin-bottom:8px;padding:16px 20px}.settings-row-name{color:#f0ebe3;color:var(--text-primary);font-size:15px;margin-bottom:3px}.settings-row-desc{color:#7a7060;color:var(--text-muted);font-size:12px}.toggle-switch{background:#2e2a24;background:var(--bg-tertiary);border:none;border-radius:13px;cursor:pointer;flex-shrink:0;height:26px;position:relative;transition:background .2s;width:48px}.toggle-switch.on{background:#e8c87a;background:var(--accent)}.toggle-knob{background:#f0ebe3;background:var(--text-primary);border-radius:50%;display:block;height:20px;left:3px;position:absolute;top:3px;transition:transform .2s;width:20px}.toggle-switch.on .toggle-knob{transform:translateX(22px)}.theme-grid{display:flex;flex-wrap:wrap;gap:10px}.theme-btn{align-items:center;background:#1a1815;background:var(--bg-secondary);border:1px solid #2e2a24;border:1px solid var(--border);border-radius:10px;color:#7a7060;color:var(--text-muted);cursor:pointer;display:flex;font-size:14px;gap:8px;padding:10px 16px;transition:all .15s}.theme-btn:hover{border-color:#4a4234;border-color:var(--bg-hover);color:#c8b88a;color:var(--text-secondary)}.theme-btn.active{background:#e8c87a14;background:var(--accent-bg);border-color:#e8c87a;border-color:var(--accent);color:#e8c87a;color:var(--accent)}.theme-btn-dot{border-radius:50%;flex-shrink:0;height:16px;width:16px}.menu-ingredients-list{display:flex;flex-wrap:wrap;gap:8px;list-style:none;padding:4px 0}.menu-ingredients-list li{background:#2e2a24;background:var(--bg-tertiary);border-radius:20px;color:#c8b88a;color:var(--text-secondary);font-size:13px;padding:4px 10px}@media (max-width:768px){.header{flex-wrap:wrap;gap:8px;padding:10px 14px}.header-brand h1{font-size:18px}.header-brand p{display:none}.header-nav{flex-wrap:wrap;gap:5px}.nav-btn{font-size:11px;padding:6px 9px}.btn-primary{font-size:12px;padding:7px 12px}.btn-secondary,.menu-link-btn{font-size:11px;padding:6px 9px}.main{flex-direction:column;height:auto;min-height:calc(100vh - 60px);overflow:visible}.sidebar{border-bottom:1px solid #2e2a24;border-bottom:1px solid var(--border);border-right:none;overflow-y:visible;padding:12px 14px;width:100%}.sidebar .search-box{margin-bottom:12px}.filter-section{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:8px}.filter-label{display:none}.filter-btn{font-size:12px;padding:5px 10px;width:auto}.filter-btn .count{display:none}.content{overflow-y:visible;padding:14px}.drinks-grid{gap:10px;grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.drink-card-header{padding:14px}.drink-emoji{font-size:30px}.drink-card-body{padding:10px 12px}.drink-name{font-size:14px}.drink-desc{display:none}.drink-price{font-size:15px}.modal-overlay{align-items:flex-end;padding:0}.menu-modal,.modal{border-radius:20px 20px 0 0;max-height:88vh;max-width:100%}.login-card{padding:28px 20px}.landing-tiles{flex-direction:column;max-width:340px}.landing-tile{padding:28px 20px}.orders-panel,.stats-page{padding:14px}.stats-grid{grid-template-columns:repeat(2,1fr)}.menu-header{gap:8px;padding:10px 14px}.menu-filters{gap:6px}.filter-pill{font-size:12px;padding:5px 12px}.menu-content{padding:14px}.menu-grid{gap:12px;grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.menu-card-header{padding:20px}.menu-card-emoji{font-size:44px!important}.menu-card-name{font-size:16px}.menu-card-body{padding:12px 14px 14px}.settings-panel{padding:14px}.theme-grid{gap:8px}.theme-btn{font-size:13px;padding:8px 12px}}.drink-card-img{display:block;height:180px;object-fit:cover;width:100%}.modal-drink-img{border-radius:10px;flex-shrink:0;height:72px;object-fit:cover;width:72px}.image-upload-area{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.image-preview{border:1px solid #2e2a24;border:1px solid var(--border);border-radius:8px;height:64px;object-fit:cover;width:64px}.btn-upload-img{background:#2e2a24;background:var(--bg-tertiary);border:1px dashed #4a4234;border:1px dashed var(--bg-hover);border-radius:8px;color:#7a7060;color:var(--text-muted);cursor:pointer;font-size:13px;padding:8px 14px;transition:all .15s}.btn-upload-img:hover{border-color:#e8c87a;border-color:var(--accent);color:#e8c87a;color:var(--accent)}.btn-remove-img{background:#0000;border:none;color:#e24b4a;color:var(--danger);cursor:pointer;font-size:12px;padding:4px 8px}.qty-row{align-items:center;border-top:1px solid #2e2a24;border-top:1px solid var(--border);display:flex;justify-content:space-between;padding:16px 0}.qty-label{color:#7a7060;color:var(--text-muted);font-size:14px}.qty-selector{gap:16px}.qty-btn,.qty-selector{align-items:center;display:flex}.qty-btn{background:#2e2a24;background:var(--bg-tertiary);border:1px solid #2e2a24;border:1px solid var(--border);border-radius:50%;color:#f0ebe3;color:var(--text-primary);cursor:pointer;font-size:22px;height:38px;justify-content:center;line-height:1;transition:all .15s;width:38px}.qty-btn:hover{background:#4a4234;background:var(--bg-hover);border-color:#4a4234;border-color:var(--bg-hover)}.qty-value{color:#f0ebe3;color:var(--text-primary);font-size:22px;font-weight:600;min-width:32px;text-align:center}.nick-popup-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000a6;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:1100}.nick-popup{background:#1a1815;background:var(--bg-secondary);border:1px solid #2e2a24;border:1px solid var(--border);border-radius:16px;max-width:380px;padding:28px;width:100%}.nick-popup h3{color:#f0ebe3;color:var(--text-primary);font-size:19px;margin-bottom:6px}.nick-popup p{color:#7a7060;color:var(--text-muted);font-size:13px;line-height:1.5;margin-bottom:20px}.nick-popup-drink{align-items:center;background:#2e2a24;background:var(--bg-tertiary);border-radius:10px;display:flex;gap:12px;margin-bottom:20px;padding:12px 14px}.nick-popup-drink span{font-size:32px}.nick-popup-name{color:#f0ebe3;color:var(--text-primary);font-size:16px}.nick-popup-qty{color:#7a7060;color:var(--text-muted);font-family:monospace;font-size:13px;margin-top:2px}.success-toast{animation:toast-in .3s ease;background:#e8c87a;background:var(--accent);border-radius:30px;bottom:28px;box-shadow:0 8px 24px #0006;color:#0f0e0c;color:var(--bg-primary);font-size:15px;font-weight:600;left:50%;padding:14px 24px;position:fixed;transform:translateX(-50%);white-space:nowrap;z-index:2000}@keyframes toast-in{0%{opacity:0;transform:translateX(-50%) translateY(16px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}.cats-list{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px;min-height:32px}.cat-chip{align-items:center;background:#2e2a24;background:var(--bg-tertiary);border:1px solid #2e2a24;border:1px solid var(--border);border-radius:20px;color:#c8b88a;color:var(--text-secondary);display:inline-flex;font-size:13px;gap:6px;padding:5px 10px 5px 12px}.cat-chip-del{background:none;border:none;color:#4a4234;color:var(--text-faint);cursor:pointer;font-size:12px;line-height:1;padding:0;transition:color .15s}.cat-chip-del:hover{color:#e24b4a;color:var(--danger)}.cat-add-row{align-items:center;display:flex;gap:8px}@media (max-width:768px){.nick-popup{padding:22px 18px}.success-toast{bottom:20px;text-align:center;white-space:normal;width:calc(100% - 32px)}}.menu-header{flex-wrap:nowrap;gap:12px;height:56px;padding:0 20px}.menu-header-brand{align-items:center;cursor:pointer;display:flex;flex-shrink:0;gap:10px;text-decoration:none}.menu-header-brand .logo{display:inline-block;transition:transform .2s}.menu-header-brand:hover .logo{transform:rotate(-12deg)}.filter-toggle{align-items:center;background:#2e2a24;background:var(--bg-tertiary);border:1px solid #2e2a24;border:1px solid var(--border);border-radius:20px;color:#7a7060;color:var(--text-muted);cursor:pointer;display:flex;flex-shrink:0;font-size:13px;gap:6px;padding:7px 14px;transition:all .15s;white-space:nowrap}.filter-toggle.open,.filter-toggle:hover{background:#e8c87a14;background:var(--accent-bg);border-color:#e8c87a4d;border-color:var(--accent-border);color:#e8c87a;color:var(--accent)}.filter-badge{background:#e8c87a;background:var(--accent);border-radius:10px;color:#0f0e0c;color:var(--bg-primary);font-size:11px;font-weight:700;margin-left:2px;padding:0 6px}.menu-filter-panel{background:#1a1815;background:var(--bg-secondary);border-bottom:1px solid #2e2a24;border-bottom:1px solid var(--border);display:flex;flex-direction:column;gap:14px;padding:16px 20px;position:-webkit-sticky;position:sticky;top:56px;z-index:99}.filter-group-label{color:#4a4234;color:var(--text-faint);font-family:monospace;font-size:10px;letter-spacing:2px;margin-bottom:8px;text-transform:uppercase}.filter-chips{display:flex;flex-wrap:wrap;gap:6px}.filter-chip{background:#2e2a24;background:var(--bg-tertiary);border:1px solid #2e2a24;border:1px solid var(--border);border-radius:20px;color:#7a7060;color:var(--text-muted);cursor:pointer;font-size:13px;padding:5px 13px;transition:all .15s}.filter-chip:hover{border-color:#4a4234;border-color:var(--bg-hover);color:#c8b88a;color:var(--text-secondary)}.filter-chip.active{background:#e8c87a14;background:var(--accent-bg);border-color:#e8c87a4d;border-color:var(--accent-border)}.card-rating,.filter-chip.active{color:#e8c87a;color:var(--accent)}.card-rating{font-family:monospace;font-size:13px;font-weight:600}.rating-section{border-top:1px solid #2e2a24;border-top:1px solid var(--border);margin-bottom:4px;padding:14px 0}.rating-avg{align-items:center;display:flex;gap:10px;margin-bottom:10px}.rating-avg-stars{display:flex;gap:1px}.star-display{color:#4a4234;color:var(--bg-hover);font-size:18px}.star-display.filled{color:#e8c87a;color:var(--accent)}.rating-avg-text{color:#7a7060;color:var(--text-muted);font-size:13px}.star-picker{display:flex;gap:2px;margin-top:4px}.star-pick{background:none;border:none;color:#4a4234;color:var(--bg-hover);cursor:pointer;font-size:28px;line-height:1;padding:0 2px;transition:color .1s,transform .1s}.star-pick.active,.star-pick:hover{color:#e8c87a;color:var(--accent);transform:scale(1.15)}.rating-user-label{color:#7a7060;color:var(--text-muted);font-family:monospace;font-size:12px;letter-spacing:1px;margin-bottom:4px;text-transform:uppercase}.rated-result{font-size:14px;letter-spacing:2px}.admin-rating,.rated-result{color:#e8c87a;color:var(--accent)}.admin-rating{font-family:monospace;font-size:12px;margin-top:6px}@media (max-width:768px){.menu-header{height:52px;padding:0 14px}.menu-filter-panel{gap:12px;padding:12px 14px;top:52px}.filter-chips{gap:5px}.filter-chip{font-size:12px;padding:4px 10px}.star-pick{font-size:32px}}.crop-modal-overlay{align-items:center;background:#000000d9;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:2000}.crop-modal{background:#1a1815;background:var(--bg-secondary);border:1px solid #2e2a24;border:1px solid var(--border);border-radius:16px;max-height:92vh;max-width:700px;overflow-y:auto;padding:24px;width:100%}.crop-modal h3{color:#f0ebe3;color:var(--text-primary);font-size:16px;margin-bottom:16px}.crop-modal-hint{color:#7a7060;color:var(--text-muted);font-size:12px;margin-bottom:12px}.crop-container{background:#0f0e0c;background:var(--bg-primary);border-radius:8px;display:flex;justify-content:center;margin-bottom:20px;overflow:hidden}.crop-actions{display:flex;gap:10px;justify-content:flex-end}.order-ready-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000c;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:1500}.order-ready-card{background:#1a1815;background:var(--bg-secondary);border:2px solid #e8c87a4d;border:2px solid var(--accent-border);border-radius:20px;max-width:360px;padding:36px 28px;text-align:center;width:100%}.order-ready-card h3{color:#e8c87a;color:var(--accent);font-size:22px;margin:12px 0 8px}.order-ready-card p{color:#7a7060;color:var(--text-muted);font-size:14px;line-height:1.5;margin-bottom:16px}.order-ready-drink{color:#f0ebe3;color:var(--text-primary);font-size:17px;margin:6px 0}
/*# sourceMappingURL=main.c3f00e9b.css.map*/