.order-form[data-v-0ae64580]{padding:20px;max-width:800px;margin:0 auto}.card[data-v-0ae64580]{background:var(--bg-card);border-radius:12px;box-shadow:var(--shadow-medium);padding:24px;margin-bottom:20px;transition:all .3s ease;border:1px solid var(--border-color)}.error[data-v-0ae64580]{background:#ffe6e6;border:1px solid #ff9999;color:#c00;padding:12px;border-radius:8px;margin-bottom:20px;font-size:clamp(12px,3.5vw,14px);transition:all .3s ease}.dark-mode{background:#3d1a1a;border:1px solid #f44336;color:#fff}.success[data-v-0ae64580]{background:#e6ffe6;border:1px solid #99ff99;color:#080;padding:12px;border-radius:8px;margin-bottom:20px;font-size:clamp(12px,3.5vw,14px);transition:all .3s ease}.dark-mode{background:#1a3d1a;border:1px solid #4CAF50;color:#fff}.form-group[data-v-0ae64580]{margin-bottom:24px}.form-group label[data-v-0ae64580]{display:block;margin-bottom:8px;font-weight:600;color:var(--text-primary);font-size:clamp(14px,4vw,16px);transition:color .3s ease}.form-input[data-v-0ae64580]{width:100%;padding:12px 16px;border:2px solid var(--border-input);border-radius:8px;font-size:clamp(14px,4vw,16px);transition:all .3s ease;background:var(--bg-input);color:var(--text-primary)}.form-input[data-v-0ae64580]:focus{outline:none;border-color:var(--border-focus);box-shadow:0 0 0 3px var(--accent-light)}.form-input[data-v-0ae64580]::placeholder{color:var(--text-muted)}.loading[data-v-0ae64580]{text-align:center;color:var(--text-secondary);font-style:italic;padding:20px;font-size:clamp(14px,4vw,16px);transition:color .3s ease}.drink-category[data-v-0ae64580]{margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid #eee}.drink-category[data-v-0ae64580]:last-child{border-bottom:none}.drink-category h3[data-v-0ae64580]{color:var(--accent-color);margin-bottom:16px;font-size:clamp(18px,5vw,20px);font-weight:600;transition:color .3s ease}.category-header[data-v-0ae64580]{cursor:pointer;-webkit-user-select:none;user-select:none;display:flex;align-items:center;gap:8px;transition:all .3s ease;padding:8px 0;border-radius:8px}.category-header[data-v-0ae64580]:hover{color:var(--accent-hover);transform:translate(4px)}.category-toggle[data-v-0ae64580]{display:inline-block;transition:transform .4s cubic-bezier(.25,.8,.25,1);font-size:14px;width:14px;text-align:center;transform-origin:center}.category-toggle.expanded[data-v-0ae64580]{transform:rotate(90deg)}.drinks-grid-container[data-v-0ae64580]{overflow:visible;padding:4px;margin:-4px}.slide-fade-enter-active[data-v-0ae64580]{transition:all .4s cubic-bezier(.25,.8,.25,1);overflow:visible}.slide-fade-leave-active[data-v-0ae64580]{transition:all .3s cubic-bezier(.25,.8,.25,1);overflow:visible}.slide-fade-enter-from[data-v-0ae64580]{opacity:0;transform:translateY(-20px);max-height:0}.slide-fade-leave-to[data-v-0ae64580]{opacity:0;transform:translateY(-10px);max-height:0}.slide-fade-enter-to[data-v-0ae64580],.slide-fade-leave-from[data-v-0ae64580]{opacity:1;transform:translateY(0);max-height:2000px}.drinks-grid[data-v-0ae64580]{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px}.drink-container[data-v-0ae64580]{display:flex;flex-direction:column;gap:12px}.drink-item[data-v-0ae64580]{background:var(--bg-button);border:2px solid var(--border-color);border-radius:12px;padding:16px;cursor:pointer;transition:all .3s ease;text-align:center}.drink-item[data-v-0ae64580]:hover{border-color:var(--accent-color);background:var(--bg-accent-hover);transform:translateY(-2px);box-shadow:var(--shadow-accent)}.drink-item.selected[data-v-0ae64580]{border-color:var(--accent-color);background:var(--bg-accent);box-shadow:var(--shadow-accent)}.inline-extras-selection[data-v-0ae64580]{background:var(--bg-accent);border:2px solid var(--accent-color);border-radius:12px;padding:16px;margin-top:8px;transition:all .3s ease}.inline-extras-selection label[data-v-0ae64580]{display:block;margin-bottom:12px;font-weight:600;color:var(--text-primary);font-size:clamp(13px,3.5vw,15px);text-align:left;transition:color .3s ease}.extras-fade-enter-active[data-v-0ae64580]{transition:all .4s cubic-bezier(.25,.8,.25,1)}.extras-fade-leave-active[data-v-0ae64580]{transition:all .3s cubic-bezier(.25,.8,.25,1)}.extras-fade-enter-from[data-v-0ae64580],.extras-fade-leave-to[data-v-0ae64580]{opacity:0;transform:translateY(-10px);max-height:0}.extras-fade-enter-to[data-v-0ae64580],.extras-fade-leave-from[data-v-0ae64580]{opacity:1;transform:translateY(0);max-height:500px}.drink-name[data-v-0ae64580]{font-weight:600;color:var(--text-primary);margin-bottom:8px;font-size:clamp(14px,4vw,16px);transition:color .3s ease}.drink-description[data-v-0ae64580]{color:var(--text-secondary);font-size:clamp(12px,3.5vw,14px);line-height:1.4;margin-bottom:8px;transition:color .3s ease}.drink-extras-info[data-v-0ae64580]{margin-top:8px}.extras-indicator[data-v-0ae64580]{background:#e3f2fd;color:#1976d2;padding:4px 8px;border-radius:12px;font-size:clamp(10px,2.5vw,12px);font-weight:500;border:1px solid #1976d2;transition:all .3s ease}.dark-mode{background:#1a2b3d;color:#64b5f6;border:1px solid #64b5f6}.extras-list[data-v-0ae64580]{display:grid;gap:12px}.extra-option[data-v-0ae64580]{background:var(--bg-card);border:1px solid var(--border-color);border-radius:8px;padding:12px;transition:all .3s ease;cursor:pointer;-webkit-user-select:none;user-select:none;display:flex;align-items:flex-start;gap:12px}.extra-option[data-v-0ae64580]:hover:not(.disabled){border-color:var(--accent-color);background:var(--bg-accent-hover);transform:translateY(-1px);box-shadow:var(--shadow-accent)}.extra-option.selected[data-v-0ae64580]{border-color:var(--accent-color);background:var(--bg-accent);box-shadow:var(--shadow-accent)}.extra-option.disabled[data-v-0ae64580]{opacity:.5;cursor:not-allowed;background:var(--bg-button)}.extra-option.disabled[data-v-0ae64580]:hover{border-color:var(--border-color);background:var(--bg-button);transform:none;box-shadow:none}.checkbox-container[data-v-0ae64580]{display:flex;align-items:center;flex-shrink:0}.checkbox-label[data-v-0ae64580]{display:flex;align-items:flex-start;gap:12px;cursor:pointer;margin:0;font-weight:400;width:100%}.checkbox-input[data-v-0ae64580]{display:none}.checkbox-custom[data-v-0ae64580]{width:20px;height:20px;border:2px solid var(--border-color);border-radius:4px;flex-shrink:0;position:relative;transition:all .3s ease;margin-top:2px}.checkbox-input:checked+.checkbox-custom[data-v-0ae64580]{background:var(--accent-color);border-color:var(--accent-color)}.checkbox-input:checked+.checkbox-custom[data-v-0ae64580]:after{content:"✓";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-weight:700;font-size:12px}.checkbox-input:disabled+.checkbox-custom[data-v-0ae64580]{background:var(--bg-button);border-color:var(--border-color);cursor:not-allowed}.exclusion-note[data-v-0ae64580]{display:block;color:#dc3545;font-size:clamp(10px,2.5vw,12px);font-style:italic;margin-top:2px;transition:color .3s ease}.dark-mode{color:#ff6b6b}.extra-content[data-v-0ae64580]{flex:1}.extra-name[data-v-0ae64580]{display:block;font-weight:500;color:var(--text-primary);font-size:clamp(13px,3.5vw,15px);margin-bottom:4px;transition:color .3s ease}.extra-description[data-v-0ae64580]{display:block;color:var(--text-secondary);font-size:clamp(11px,3vw,13px);line-height:1.4;transition:color .3s ease}.btn[data-v-0ae64580]{width:100%;padding:16px 24px;border:none;border-radius:12px;font-size:clamp(16px,4.5vw,18px);font-weight:600;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:1px}.btn-primary[data-v-0ae64580]{background:linear-gradient(135deg,var(--accent-color),var(--accent-hover));color:#fff;box-shadow:var(--shadow-accent)}.btn-primary[data-v-0ae64580]:hover{background:linear-gradient(135deg,var(--accent-hover),#e8903f);transform:translateY(-2px);box-shadow:0 6px 20px #fea45d99}.btn-primary[data-v-0ae64580]:disabled{background:var(--bg-button);color:var(--text-muted);cursor:not-allowed;transform:none;box-shadow:none}.button-disabled-info[data-v-0ae64580]{margin-top:12px;text-align:center}.disabled-reason[data-v-0ae64580]{background:#fff3cd;border:1px solid #ffeaa7;color:#856404;padding:12px 16px;border-radius:8px;font-size:clamp(13px,3.5vw,15px);font-weight:500;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:8px}.dark-mode{background:#2a2a2a;border:1px solid #666666;color:#ffa726}@media (max-width: 480px){.order-form[data-v-0ae64580]{padding:16px}.card[data-v-0ae64580]{padding:20px}.drinks-grid[data-v-0ae64580]{grid-template-columns:1fr;gap:12px}.drink-item[data-v-0ae64580],.inline-extras-selection[data-v-0ae64580]{padding:12px}.inline-extras-selection label[data-v-0ae64580]{font-size:clamp(12px,3vw,14px);margin-bottom:10px}.extra-option[data-v-0ae64580]{padding:12px;gap:10px}.checkbox-container[data-v-0ae64580]{margin-top:2px}.checkbox-custom[data-v-0ae64580]{width:18px;height:18px}.extra-content[data-v-0ae64580]{flex:1;min-width:0}}@media (min-width: 481px) and (max-width: 768px){.drinks-grid[data-v-0ae64580]{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}}@media (min-width: 769px){.drinks-grid[data-v-0ae64580]{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.extras-list[data-v-0ae64580]{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}}.queue-view[data-v-f41c312e]{padding:0 8px}.empty-queue[data-v-f41c312e]{text-align:center;padding:40px 20px;color:var(--text-secondary);font-size:clamp(16px,4vw,18px);transition:color .3s ease}.queue-stats[data-v-f41c312e]{display:flex;justify-content:space-around;margin-bottom:20px;padding:16px;background:var(--bg-button);border-radius:8px;flex-wrap:wrap;gap:8px;transition:background .3s ease}.stat[data-v-f41c312e]{text-align:center;color:var(--accent-color);font-size:clamp(14px,3.5vw,16px);transition:color .3s ease}.orders-container[data-v-f41c312e],.queue-list[data-v-f41c312e]{display:flex;flex-direction:column;gap:12px}.queue-item[data-v-f41c312e]{position:relative;transition:all .3s ease;will-change:transform}.queue-number[data-v-f41c312e]{transition:all .6s cubic-bezier(.23,1,.32,1)}.queue-item.queue-ready[data-v-f41c312e]{animation:pulse-ready-f41c312e 2s infinite,status-change-flash-f41c312e .6s ease-out}@keyframes status-change-flash-f41c312e{0%{box-shadow:0 0 #4caf50b3}50%{box-shadow:0 0 0 10px #4caf5033}to{box-shadow:0 0 #4caf5000}}.queue-item[data-v-f41c312e]{display:flex;align-items:center;padding:16px;border-radius:8px;background:var(--bg-card);border-left:4px solid var(--border-color);box-shadow:var(--shadow-light);transition:all .3s ease;min-height:80px}.queue-new[data-v-f41c312e]{border-left-color:var(--status-new-bg);background:var(--bg-card)}.queue-preparing[data-v-f41c312e]{border-left-color:var(--status-preparing-bg);background:var(--bg-card)}.queue-ready[data-v-f41c312e]{border-left-color:var(--status-ready-bg);background:var(--bg-card);animation:pulse-ready-f41c312e 2s infinite}@keyframes pulse-ready-f41c312e{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}.queue-number[data-v-f41c312e]{background:var(--bg-card);color:var(--accent-color);border:2px solid var(--accent-color);border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;font-weight:700;margin-right:16px;flex-shrink:0;font-size:clamp(12px,3vw,14px);transition:all .3s ease}.queue-content[data-v-f41c312e]{flex:1;min-width:0}.customer-name[data-v-f41c312e]{font-weight:600;font-size:clamp(14px,4vw,16px);color:var(--text-primary);margin-bottom:4px;word-break:break-word;transition:color .3s ease}.drink-name[data-v-f41c312e]{color:var(--accent-color);margin-bottom:4px;font-size:clamp(13px,3.5vw,15px);word-break:break-word;transition:color .3s ease}.order-time[data-v-f41c312e]{font-size:clamp(11px,3vw,12px);color:var(--text-secondary);transition:color .3s ease}.order-extras[data-v-f41c312e]{margin:4px 0;font-size:clamp(11px,3vw,12px)}.extras-label[data-v-f41c312e]{color:var(--text-secondary);font-weight:500;margin-right:4px;transition:color .3s ease}.extra-tag[data-v-f41c312e]{color:#1976d2;font-weight:500;transition:color .3s ease}.dark-mode{color:#64b5f6}.status-indicator[data-v-f41c312e]{margin-left:16px;flex-shrink:0}.status-badge[data-v-f41c312e]{width:clamp(32px,8vw,40px);height:clamp(32px,8vw,40px);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:clamp(14px,4vw,18px)}.status-neu[data-v-f41c312e]{background:var(--status-new-bg);color:var(--status-new-text)}.status-in-zubereitung[data-v-f41c312e]{background:var(--status-preparing-bg);color:var(--status-preparing-text)}.status-abholbereit[data-v-f41c312e]{background:var(--status-ready-bg);color:var(--status-ready-text)}@media (min-width: 768px){.queue-view[data-v-f41c312e]{padding:0 24px}.queue-item[data-v-f41c312e]{padding:20px}.queue-number[data-v-f41c312e]{width:40px;height:40px;margin-right:20px}.status-indicator[data-v-f41c312e]{margin-left:20px}}@media (max-width: 380px){.queue-stats[data-v-f41c312e]{flex-direction:column;text-align:center}.queue-item[data-v-f41c312e]{padding:12px}.queue-number[data-v-f41c312e]{width:28px;height:28px;margin-right:12px}.status-indicator[data-v-f41c312e]{margin-left:12px}}.admin-title[data-v-dc1f51fc]{display:flex;flex-direction:column;gap:4px}.admin-title h2[data-v-dc1f51fc]{margin:0}.auto-login-indicator[data-v-dc1f51fc]{font-size:12px;color:#28a745;font-weight:500;display:flex;align-items:center;gap:4px}.import-controls[data-v-dc1f51fc]{display:flex;gap:12px;flex-wrap:wrap;align-items:center}@media (max-width: 480px){.import-controls[data-v-dc1f51fc]{flex-direction:column;align-items:stretch;width:100%}.import-controls .btn[data-v-dc1f51fc]{width:100%;text-align:center}}.admin-header[data-v-dc1f51fc]{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;flex-wrap:wrap;gap:12px}.admin-login[data-v-dc1f51fc]{max-width:400px;margin:0 auto;padding-top:50px}.status-controls[data-v-dc1f51fc]{margin-top:12px;display:flex;gap:8px;flex-wrap:wrap}.status-btn[data-v-dc1f51fc]:disabled{opacity:.5;cursor:not-allowed}.status-btn.delete[data-v-dc1f51fc]{background:#ff7675;color:#fff}.status-btn.delete[data-v-dc1f51fc]:hover{background:#e17055}.tab-nav[data-v-dc1f51fc]{display:flex;margin-bottom:20px;border-bottom:1px solid #eee;overflow-x:auto;-webkit-overflow-scrolling:touch}.tab-btn[data-v-dc1f51fc]{padding:12px 16px;border:none;background:none;color:#666;cursor:pointer;border-bottom:3px solid transparent;transition:all .3s ease;white-space:nowrap;font-size:clamp(12px,3.5vw,14px);flex-shrink:0}.tab-btn.active[data-v-dc1f51fc]{color:#fea45d;border-bottom-color:#fea45d}.tab-btn[data-v-dc1f51fc]:hover{color:#fea45d}.drinks-management[data-v-dc1f51fc],.categories-management[data-v-dc1f51fc]{margin-top:20px}.add-drink-form[data-v-dc1f51fc],.add-category-form[data-v-dc1f51fc]{background:#f8f9fa;padding:16px;border-radius:8px;margin-bottom:20px}.add-drink-form h4[data-v-dc1f51fc],.add-category-form h4[data-v-dc1f51fc]{margin-bottom:16px;color:#333;font-size:clamp(16px,4vw,18px)}.form-row[data-v-dc1f51fc]{display:flex;gap:16px;margin-bottom:16px;flex-wrap:wrap}.form-row .form-group[data-v-dc1f51fc]{flex:1;min-width:200px}.form-group[data-v-dc1f51fc]{margin-bottom:16px}.form-group label[data-v-dc1f51fc]{display:block;margin-bottom:4px;font-weight:500;color:#333;font-size:clamp(12px,3.5vw,14px)}.form-input[data-v-dc1f51fc]{width:100%;padding:8px 12px;border:1px solid #ddd;border-radius:4px;font-size:clamp(12px,3.5vw,14px)}.form-input[data-v-dc1f51fc]:focus{outline:none;border-color:#fea45d;box-shadow:0 0 0 3px #fea45d1a}textarea.form-input[data-v-dc1f51fc]{resize:vertical;min-height:60px}.drinks-list[data-v-dc1f51fc],.categories-list[data-v-dc1f51fc]{display:grid;gap:16px;margin-top:20px}.drink-card[data-v-dc1f51fc]{background:white;border:1px solid #eee;border-radius:8px;padding:16px;position:relative;cursor:move;transition:all .2s ease;-webkit-user-select:none;user-select:none}.drink-card[data-v-dc1f51fc]:hover{box-shadow:0 2px 8px #0000001a;border-color:#fea45d}.drink-card[data-v-dc1f51fc]:active{opacity:.8}.drink-card.drag-over[data-v-dc1f51fc]{border-color:#fea45d;border-width:2px;background-color:#fff8f0;transform:scale(1.02);box-shadow:0 4px 12px #fea45d33}.category-card[data-v-dc1f51fc]{background:white;border:1px solid #eee;border-radius:8px;padding:16px;display:flex;justify-content:space-between;align-items:center;position:relative;cursor:move;transition:all .2s ease;-webkit-user-select:none;user-select:none;flex-wrap:wrap;gap:12px}.category-card[data-v-dc1f51fc]:hover{box-shadow:0 2px 8px #0000001a;border-color:#fea45d}.category-card[data-v-dc1f51fc]:active{opacity:.8}.category-card.drag-over[data-v-dc1f51fc]{border-color:#fea45d;border-width:2px;background-color:#fff8f0;transform:scale(1.02);box-shadow:0 4px 12px #fea45d33}.drag-handle[data-v-dc1f51fc]{position:absolute;left:8px;top:50%;transform:translateY(-50%);color:#ccc;font-size:16px;cursor:grab;-webkit-user-select:none;user-select:none;line-height:1;transition:color .2s ease}.drag-handle[data-v-dc1f51fc]:hover{color:#fea45d}.drag-handle[data-v-dc1f51fc]:active{cursor:grabbing;color:#f49848}.drink-info[data-v-dc1f51fc],.drink-edit[data-v-dc1f51fc]{margin-left:20px}.category-info[data-v-dc1f51fc]{margin-left:20px;flex:1;min-width:0}.drink-header[data-v-dc1f51fc]{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;flex-wrap:wrap;gap:8px}.drink-header h4[data-v-dc1f51fc]{margin:0;color:#333;font-size:clamp(14px,4vw,16px);word-break:break-word}.drink-category[data-v-dc1f51fc]{background:#fff8f0;color:#fea45d;border:1px solid #FEA45D;padding:2px 8px;border-radius:12px;font-size:clamp(10px,2.5vw,12px);white-space:nowrap}.category-info h4[data-v-dc1f51fc]{margin:0 0 4px;color:#333;font-size:clamp(14px,4vw,16px);word-break:break-word}.drinks-count[data-v-dc1f51fc]{color:#666;font-size:clamp(12px,3vw,14px)}.category-actions[data-v-dc1f51fc]{display:flex;gap:8px;flex-shrink:0}.drink-desc[data-v-dc1f51fc]{color:#666;margin-bottom:12px;font-size:clamp(12px,3.5vw,14px);word-break:break-word}.drink-actions[data-v-dc1f51fc]{display:flex;gap:8px;flex-wrap:wrap}.btn-small[data-v-dc1f51fc]{padding:6px 12px;border:none;border-radius:4px;font-size:clamp(10px,2.5vw,12px);cursor:pointer;transition:all .3s ease;white-space:nowrap}.btn-primary[data-v-dc1f51fc]{background:#fff;color:#fea45d;border:2px solid #FEA45D}.btn-primary[data-v-dc1f51fc]:hover{background:#FEA45D;color:#fff}.btn-primary[data-v-dc1f51fc]:disabled{background:#f5f5f5;color:#999;border:2px solid #ddd;cursor:not-allowed}.btn-secondary[data-v-dc1f51fc]{background:#6c757d;color:#fff}.btn-secondary[data-v-dc1f51fc]:hover{background:#5a6268}.btn-danger[data-v-dc1f51fc]{background:#ff7675;color:#fff}.btn-danger[data-v-dc1f51fc]:hover{background:#e17055}.drink-edit .form-row[data-v-dc1f51fc],.drink-edit .form-group[data-v-dc1f51fc]{margin-bottom:12px}@media (max-width: 480px){.admin-header[data-v-dc1f51fc]{flex-direction:column;align-items:stretch}.tab-nav[data-v-dc1f51fc]{flex-wrap:wrap}.tab-btn[data-v-dc1f51fc]{flex:1;text-align:center;min-width:80px}.form-row[data-v-dc1f51fc]{flex-direction:column;gap:12px}.form-row .form-group[data-v-dc1f51fc]{min-width:auto}.add-drink-form[data-v-dc1f51fc],.add-category-form[data-v-dc1f51fc]{padding:12px}.drink-header[data-v-dc1f51fc],.category-card[data-v-dc1f51fc]{flex-direction:column;align-items:flex-start}.category-actions[data-v-dc1f51fc]{width:100%;justify-content:flex-end}}@media (min-width: 768px){.add-drink-form[data-v-dc1f51fc],.add-category-form[data-v-dc1f51fc]{padding:24px}.drinks-list[data-v-dc1f51fc],.categories-list[data-v-dc1f51fc]{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}}@media (min-width: 1024px){.drinks-list[data-v-dc1f51fc],.categories-list[data-v-dc1f51fc]{grid-template-columns:repeat(auto-fit,minmax(350px,1fr))}}.settings-management[data-v-dc1f51fc]{margin-top:20px}.settings-section[data-v-dc1f51fc]{margin-bottom:32px}.settings-section h4[data-v-dc1f51fc]{margin-bottom:16px;color:#333;font-size:clamp(16px,4vw,18px);border-bottom:2px solid #FEA45D;padding-bottom:8px}.settings-card[data-v-dc1f51fc]{background:white;border:1px solid #eee;border-radius:8px;padding:20px}.setting-item[data-v-dc1f51fc]{display:flex;justify-content:space-between;align-items:center;padding:16px 0;border-bottom:1px solid #f5f5f5;gap:16px;flex-wrap:wrap}.setting-item[data-v-dc1f51fc]:last-child{border-bottom:none}.setting-item.danger[data-v-dc1f51fc]{border-left:4px solid #ff7675;padding-left:16px;margin-left:-4px;background:#fff5f5}.setting-info[data-v-dc1f51fc]{flex:1;min-width:200px}.setting-info h5[data-v-dc1f51fc]{margin:0 0 4px;color:#333;font-size:clamp(14px,3.5vw,16px)}.setting-info p[data-v-dc1f51fc]{margin:0;color:#666;font-size:clamp(12px,3vw,14px);line-height:1.4}.info-grid[data-v-dc1f51fc]{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.info-item[data-v-dc1f51fc]{display:flex;justify-content:space-between;align-items:center;padding:12px;background:#f8f9fa;border-radius:6px}.info-label[data-v-dc1f51fc]{font-weight:500;color:#333;font-size:clamp(12px,3vw,14px)}.info-value[data-v-dc1f51fc]{font-weight:600;color:#fea45d;font-size:clamp(12px,3vw,14px)}@media (max-width: 480px){.setting-item[data-v-dc1f51fc]{flex-direction:column;align-items:flex-start}.setting-info[data-v-dc1f51fc]{margin-bottom:12px}.info-grid[data-v-dc1f51fc]{grid-template-columns:1fr}.info-item[data-v-dc1f51fc]{flex-direction:column;align-items:flex-start;gap:4px}}.extras-section[data-v-dc1f51fc]{margin-top:16px;padding-top:16px;border-top:1px solid #eee}.extras-section h5[data-v-dc1f51fc],.extras-section h6[data-v-dc1f51fc]{margin:0 0 8px;color:#333;font-size:clamp(14px,3.5vw,16px)}.extras-help[data-v-dc1f51fc]{margin:0 0 12px;color:#666;font-size:clamp(11px,3vw,13px);font-style:italic}.current-extras[data-v-dc1f51fc]{margin-bottom:16px}.extra-item[data-v-dc1f51fc]{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:#f8f9fa;border:1px solid #dee2e6;border-radius:6px;margin-bottom:10px;gap:12px;cursor:move;transition:all .2s ease;position:relative;-webkit-user-select:none;user-select:none}.extra-item[data-v-dc1f51fc]:hover{border-color:#fea45d;background:#fff8f0;box-shadow:0 2px 8px #fea45d33}.extra-item.drag-over[data-v-dc1f51fc]{border-color:#fea45d;border-width:2px;background-color:#fff8f0;transform:scale(1.02);box-shadow:0 4px 12px #fea45d4d}.extra-item .drag-handle[data-v-dc1f51fc]{position:absolute;left:8px;top:50%;transform:translateY(-50%);color:#ccc;font-size:14px;cursor:grab;-webkit-user-select:none;user-select:none;line-height:1;transition:color .2s ease}.extra-item .drag-handle[data-v-dc1f51fc]:hover{color:#fea45d}.extra-item .drag-handle[data-v-dc1f51fc]:active{cursor:grabbing;color:#f49848}.extra-info[data-v-dc1f51fc]{flex:1;min-width:0;margin-left:20px}.extra-info strong[data-v-dc1f51fc]{display:block;color:#333;font-size:clamp(12px,3vw,14px);word-break:break-word}.extra-desc[data-v-dc1f51fc]{display:block;color:#666;font-size:clamp(11px,2.5vw,12px);margin-top:2px;word-break:break-word}.extra-excludes[data-v-dc1f51fc]{margin-top:8px;padding:6px 8px;background:#fff3cd;border:1px solid #ffeaa7;border-radius:4px}.excludes-label[data-v-dc1f51fc]{font-size:clamp(10px,2.5vw,11px);color:#856404;font-weight:500;margin-right:4px}.excludes-list[data-v-dc1f51fc]{font-size:clamp(10px,2.5vw,11px);color:#856404}.excludes-selection[data-v-dc1f51fc]{margin-top:16px;margin-bottom:20px;padding:12px;background:#f8f9fa;border:1px solid #dee2e6;border-radius:6px}.excludes-selection .excludes-label[data-v-dc1f51fc]{display:block;margin-bottom:8px;font-size:clamp(12px,3vw,13px);color:#333;font-weight:500}.excludes-options[data-v-dc1f51fc]{display:flex;flex-wrap:wrap;gap:8px}.exclude-option[data-v-dc1f51fc]{display:flex;align-items:center;gap:4px;font-size:clamp(11px,2.5vw,12px);color:#666;padding:4px 8px;background:white;border:1px solid #ddd;border-radius:4px;cursor:pointer;transition:all .2s ease}.exclude-option[data-v-dc1f51fc]:hover{border-color:#fea45d;background:#fff8f0}.exclude-option input[type=checkbox][data-v-dc1f51fc]{margin:0}.add-extra-form[data-v-dc1f51fc]{margin-top:16px;padding-top:16px;border-top:1px solid #e9ecef}.extra-form-row[data-v-dc1f51fc]{display:flex;gap:8px;align-items:end;flex-wrap:wrap}.extra-form-row .form-input[data-v-dc1f51fc]{flex:1;min-width:120px}.extra-form-row .btn-small[data-v-dc1f51fc]{flex-shrink:0;white-space:nowrap}.add-extra-form .btn-secondary[data-v-dc1f51fc]{margin-top:16px;margin-bottom:16px}.drink-extras[data-v-dc1f51fc],.order-extras[data-v-dc1f51fc]{margin-top:8px}.extras-label[data-v-dc1f51fc]{font-size:clamp(11px,3vw,12px);color:#666;margin-bottom:4px;font-weight:500}.extras-list[data-v-dc1f51fc]{display:flex;flex-wrap:wrap;gap:4px}.extra-tag[data-v-dc1f51fc]{background:#e3f2fd;color:#1976d2;padding:2px 6px;border-radius:10px;font-size:clamp(10px,2.5vw,11px);border:1px solid #1976d2;white-space:nowrap;position:relative}.exclude-indicator[data-v-dc1f51fc]{color:#f57c00;font-size:8px;margin-left:2px;font-weight:700}@media (max-width: 480px){.extra-form-row[data-v-dc1f51fc]{flex-direction:column;align-items:stretch}.extra-form-row .form-input[data-v-dc1f51fc]{min-width:auto}.extra-item[data-v-dc1f51fc]{flex-direction:column;align-items:flex-start;gap:12px;padding:12px}.extra-item .drag-handle[data-v-dc1f51fc]{position:static;transform:none;margin-bottom:8px;align-self:flex-start}.extra-info[data-v-dc1f51fc]{margin-left:0;width:100%}.extra-item .btn-small[data-v-dc1f51fc]{align-self:flex-end;margin-top:8px}}.confirm-overlay[data-v-dc1f51fc]{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);display:flex;justify-content:center;align-items:center;z-index:1000}.confirm-dialog[data-v-dc1f51fc]{background:white;border-radius:12px;padding:24px;max-width:400px;width:90%;box-shadow:0 10px 30px #0000004d;text-align:center}.confirm-dialog h3[data-v-dc1f51fc]{margin:0 0 16px;color:#333;font-size:clamp(18px,5vw,20px)}.confirm-dialog p[data-v-dc1f51fc]{margin:0 0 24px;color:#666;font-size:clamp(14px,4vw,16px);line-height:1.5;white-space:pre-line}.confirm-buttons[data-v-dc1f51fc]{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.confirm-buttons .btn[data-v-dc1f51fc]{padding:12px 24px;border:none;border-radius:8px;font-size:clamp(14px,3.5vw,16px);font-weight:600;cursor:pointer;transition:all .3s ease;min-width:100px}.confirm-buttons .btn-secondary[data-v-dc1f51fc]{background:#6c757d;color:#fff}.confirm-buttons .btn-secondary[data-v-dc1f51fc]:hover{background:#5a6268}.confirm-buttons .btn-danger[data-v-dc1f51fc]{background:#ff7675;color:#fff}.confirm-buttons .btn-danger[data-v-dc1f51fc]:hover{background:#e17055}@media (max-width: 480px){.confirm-dialog[data-v-dc1f51fc]{padding:20px}.confirm-buttons[data-v-dc1f51fc]{flex-direction:column}.confirm-buttons .btn[data-v-dc1f51fc]{width:100%}}.flappy-bird-overlay[data-v-84359f9a]{position:fixed;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(0,0,0,.8),rgba(30,30,30,.9))!important;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:fadeIn-84359f9a .3s ease-out}.flappy-bird-overlay[data-v-84359f9a] *{box-sizing:border-box}@keyframes fadeIn-84359f9a{0%{opacity:0}to{opacity:1}}.game-container[data-v-84359f9a]{background:linear-gradient(145deg,#ffffff,#f0f0f0);border-radius:20px;padding:25px;box-shadow:0 20px 40px #0000004d,0 0 0 1px #ffffff1a;max-width:90vw;max-height:90vh;width:100%;display:flex;flex-direction:column;align-items:center;animation:slideIn-84359f9a .4s ease-out;border:2px solid rgba(255,255,255,.2);overflow:hidden}@keyframes slideIn-84359f9a{0%{transform:scale(.8) translateY(50px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}.game-header[data-v-84359f9a]{display:flex;justify-content:space-between;align-items:center;width:100%;margin-bottom:20px;padding-bottom:15px;border-bottom:2px solid rgba(0,0,0,.1)}.game-header h2[data-v-84359f9a]{margin:0;color:#667eea;font-size:1.8rem;font-weight:700;text-shadow:0 2px 4px rgba(0,0,0,.1)}.close-btn[data-v-84359f9a]{background:linear-gradient(135deg,#ff6b6b,#ee5a52);color:#fff;border:none;border-radius:50%;width:35px;height:35px;font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;box-shadow:0 4px 15px #ff6b6b66;font-weight:700}.close-btn[data-v-84359f9a]:hover{background:linear-gradient(135deg,#ee5a52,#ff6b6b);transform:scale(1.1);box-shadow:0 6px 20px #ff6b6b99}.game-info[data-v-84359f9a]{display:flex;gap:30px;margin-bottom:20px;font-weight:700;font-size:16px}.score[data-v-84359f9a]{color:#4facfe;padding:8px 15px;border-radius:20px;background-color:#4facfe1a;border:2px solid rgba(79,172,254,.3)}.high-score[data-v-84359f9a]{color:#f093fb;padding:8px 15px;border-radius:20px;background-color:#f093fb1a;border:2px solid rgba(240,147,251,.3)}.game-canvas[data-v-84359f9a]{border:4px solid transparent;border-radius:15px;cursor:pointer;background:linear-gradient(to bottom,#87CEEB,#B0E0E6);margin-bottom:20px;transition:all .3s ease;box-shadow:0 10px 30px #0003,inset 0 1px #ffffff4d;background-image:linear-gradient(45deg,transparent 24%,rgba(255,255,255,.1) 25%,rgba(255,255,255,.1) 26%,transparent 27%,transparent 74%,rgba(255,255,255,.1) 75%,rgba(255,255,255,.1) 76%,transparent 77%,transparent);background-size:20px 20px;max-width:100%;height:auto}.game-canvas[data-v-84359f9a]:hover{box-shadow:0 15px 40px #0000004d,inset 0 1px #fff6;transform:translateY(-2px)}.game-canvas[data-v-84359f9a]:focus{outline:none;border:4px solid #667eea;box-shadow:0 15px 40px #0000004d,0 0 0 4px #667eea4d}.game-controls[data-v-84359f9a]{text-align:center;min-height:80px;display:flex;flex-direction:column;align-items:center;justify-content:center;flex-shrink:0;width:100%}.start-message[data-v-84359f9a]{color:#666;font-size:16px;margin-bottom:10px;padding:12px 20px;background:linear-gradient(135deg,rgba(102,126,234,.1),rgba(118,75,162,.1));border-radius:25px;border:2px solid rgba(102,126,234,.2);animation:pulse-84359f9a 2s infinite}@keyframes pulse-84359f9a{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.game-over[data-v-84359f9a]{display:flex;flex-direction:column;align-items:center;gap:20px;animation:gameOverShake-84359f9a .5s ease-out}@keyframes gameOverShake-84359f9a{0%,to{transform:translate(0)}25%{transform:translate(-10px)}75%{transform:translate(10px)}}.game-over-text[data-v-84359f9a]{font-size:28px;font-weight:700;color:#ff6b6b;text-shadow:0 2px 4px rgba(0,0,0,.2)}.restart-btn[data-v-84359f9a]{background:linear-gradient(135deg,#4facfe,#00f2fe);color:#fff;border:none;padding:12px 25px;border-radius:30px;font-size:16px;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 6px 20px #4facfe66;text-transform:uppercase;letter-spacing:1px}.restart-btn[data-v-84359f9a]:hover{background:linear-gradient(135deg,#00f2fe,#4facfe);transform:translateY(-3px);box-shadow:0 10px 30px #4facfe99}.restart-btn[data-v-84359f9a]:active{transform:translateY(-1px)}.game-container.dark[data-v-84359f9a]{background:linear-gradient(145deg,#1a1a2e,#16213e)!important;color:#f1f2f6!important;border:2px solid rgba(255,255,255,.1)!important;box-shadow:0 20px 40px #0009,0 0 0 1px #ffffff0d!important}.game-container.dark .game-header h2[data-v-84359f9a]{color:#a8e6cf!important}.game-container.dark .game-info[data-v-84359f9a]{color:#f1f2f6!important}.game-container.dark .score[data-v-84359f9a]{color:#4facfe!important;background-color:#4facfe33!important;border-color:#4facfe66!important}.game-container.dark .high-score[data-v-84359f9a]{color:#f093fb!important;background-color:#f093fb33!important;border-color:#f093fb66!important}.game-container.dark .start-message[data-v-84359f9a]{color:#a4b0be!important;background:linear-gradient(135deg,rgba(168,230,207,.1),rgba(127,205,205,.1))!important;border-color:#a8e6cf4d!important}.game-container.dark .game-over-text[data-v-84359f9a]{color:#ff6b6b!important}.game-container.dark .game-canvas[data-v-84359f9a]{background:linear-gradient(to bottom,#0f0f23,#3d3d6a)!important;box-shadow:0 10px 30px #00000080,inset 0 1px #ffffff1a!important}@media (max-width: 480px){.flappy-bird-overlay[data-v-84359f9a]{padding:20px 10px 10px;align-items:flex-start}.game-container[data-v-84359f9a]{padding:15px;border-radius:15px;margin:0;max-height:calc(100vh - 40px);overflow-y:auto}.game-header h2[data-v-84359f9a]{font-size:1.3rem}.close-btn[data-v-84359f9a]{width:30px;height:30px;font-size:14px}.game-info[data-v-84359f9a]{gap:15px;font-size:14px;flex-wrap:wrap;justify-content:center;margin-bottom:15px}.score[data-v-84359f9a],.high-score[data-v-84359f9a]{padding:6px 12px;font-size:13px}.game-canvas[data-v-84359f9a]{border:3px solid transparent;border-radius:12px;margin-bottom:15px}.game-controls[data-v-84359f9a]{min-height:60px}.start-message[data-v-84359f9a]{font-size:14px;padding:10px 16px;margin-bottom:5px}.game-over[data-v-84359f9a]{gap:15px}.game-over-text[data-v-84359f9a]{font-size:20px;text-align:center}.restart-btn[data-v-84359f9a]{padding:10px 20px;font-size:14px}}@media (max-width: 360px){.flappy-bird-overlay[data-v-84359f9a]{padding:10px 5px 5px}.game-container[data-v-84359f9a]{padding:10px;margin:0;border-radius:12px}.game-header[data-v-84359f9a]{margin-bottom:15px;padding-bottom:10px}.game-header h2[data-v-84359f9a]{font-size:1.1rem}.game-info[data-v-84359f9a]{font-size:12px;gap:10px;margin-bottom:10px}.score[data-v-84359f9a],.high-score[data-v-84359f9a]{padding:4px 8px;font-size:11px}.game-controls[data-v-84359f9a]{min-height:50px}.start-message[data-v-84359f9a]{font-size:12px;padding:8px 12px}.game-over-text[data-v-84359f9a]{font-size:18px}.restart-btn[data-v-84359f9a]{padding:8px 16px;font-size:12px}}:root{--bg-primary: #fff8f0;--bg-secondary: #fef2e8;--bg-surface: rgba(255, 255, 255, .8);--bg-card: white;--bg-input: white;--bg-button: #f5f5f5;--bg-button-hover: #fff8f0;--bg-accent: #fff8f0;--bg-accent-hover: #fff8f0;--text-primary: #333;--text-secondary: #666;--text-muted: #999;--text-on-accent: #FEA45D;--border-color: #eee;--border-input: #eee;--border-focus: #FEA45D;--accent-color: #FEA45D;--accent-hover: #f49848;--accent-light: rgba(254, 164, 93, .1);--accent-border: #FEA45D;--shadow-light: 0 2px 8px rgba(0, 0, 0, .1);--shadow-medium: 0 4px 20px rgba(0, 0, 0, .1);--shadow-accent: 0 4px 12px rgba(254, 164, 93, .15);--status-new-bg: #ffeaa7;--status-new-text: #d63031;--status-preparing-bg: #74b9ff;--status-preparing-text: white;--status-ready-bg: #00b894;--status-ready-text: white;--error-bg: #ff7675;--error-text: white;--success-bg: #00b894;--success-text: white}.dark-mode{--bg-primary: #121212;--bg-secondary: #1e1e1e;--bg-surface: rgba(30, 30, 30, .95);--bg-card: #1e1e1e;--bg-input: #2d2d2d;--bg-button: #2d2d2d;--bg-button-hover: #3a2f26;--bg-accent: #2a2017;--bg-accent-hover: #3a2f26;--text-primary: #ffffff;--text-secondary: #e0e0e0;--text-muted: #b0b0b0;--text-on-accent: #FEA45D;--border-color: #404040;--border-input: #505050;--border-focus: #FEA45D;--accent-color: #FEA45D;--accent-hover: #f49848;--accent-light: rgba(254, 164, 93, .15);--accent-border: #FEA45D;--shadow-light: 0 2px 8px rgba(0, 0, 0, .4);--shadow-medium: 0 4px 20px rgba(0, 0, 0, .4);--shadow-accent: 0 4px 12px rgba(254, 164, 93, .3);--status-new-bg: #FFC107;--status-new-text: #000000;--status-preparing-bg: #2196F3;--status-preparing-text: white;--status-ready-bg: #4CAF50;--status-ready-text: white;--error-bg: #f44336;--error-text: white;--success-bg: #4CAF50;--success-text: white}*{margin:0;padding:0;box-sizing:border-box;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;touch-action:manipulation}input,textarea,select,.selectable-text,.modal-body,.modal-body p,.modal-body li,.modal-body span{-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text}button,input,select,textarea,a,.btn,.nav-btn,.drink-item,.order-card{touch-action:manipulation;-webkit-touch-callout:none;-webkit-tap-highlight-color:rgba(0,0,0,.1);-ms-touch-action:manipulation}input[type=text],input[type=email],input[type=password],input[type=number],input[type=tel],textarea,select{font-size:16px!important;touch-action:manipulation;-webkit-touch-callout:default;-webkit-tap-highlight-color:rgba(0,0,0,.1)}html{transition:background .3s ease;-webkit-text-size-adjust:none;-moz-text-size-adjust:none;-ms-text-size-adjust:none;text-size-adjust:none;touch-action:manipulation;-ms-touch-action:manipulation;-webkit-touch-callout:none}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:linear-gradient(135deg,var(--bg-primary) 0%,var(--bg-secondary) 100%);min-height:100vh;line-height:1.6;overflow-x:hidden;color:var(--text-primary);transition:background .3s ease,color .3s ease;touch-action:manipulation;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:rgba(0,0,0,.1)}html.dark-mode{background:var(--bg-primary)}#app{transition:all .3s ease;touch-action:manipulation;-webkit-touch-callout:default;-webkit-tap-highlight-color:rgba(0,0,0,.05)}.container{width:100%;max-width:100vw;margin:0 auto;padding:0 16px;min-height:100vh;background:var(--bg-surface);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:background .3s ease;touch-action:manipulation;-webkit-touch-callout:default}.header{padding:16px 0;text-align:center;border-bottom:1px solid var(--border-color);margin-bottom:20px;display:flex;justify-content:space-between;align-items:center;position:relative}.header h1{color:var(--text-primary);font-size:clamp(20px,5vw,28px);font-weight:600;word-break:break-word;flex:1;transition:color .3s ease}.header-controls{display:flex;align-items:center;gap:12px}.header-left{display:flex;align-items:center}.cat-info-btn{background:var(--bg-button);border:2px solid var(--border-color);border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:18px;color:var(--text-primary);transition:all .3s ease;outline:none}.cat-info-btn:hover{border-color:var(--accent-color);background:var(--bg-accent);transform:translateY(-1px);box-shadow:var(--shadow-light)}.cat-info-btn:focus{border-color:var(--accent-color);box-shadow:0 0 0 3px var(--accent-light)}.cat-info-btn:active{transform:translateY(0)}.dark-mode-toggle{background:var(--bg-button);border:2px solid var(--border-color);border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:18px;transition:all .3s ease;outline:none}.dark-mode-toggle:hover{border-color:var(--accent-color);background:var(--bg-accent);transform:scale(1.05)}.dark-mode-toggle:focus{border-color:var(--accent-color);box-shadow:0 0 0 3px var(--accent-light)}.logo{cursor:pointer;-webkit-user-select:none;user-select:none;transition:all .2s ease;position:relative}.logo:hover{transform:scale(1.02)}.logo:active{transform:scale(.98)}.click-indicator{background:var(--accent-light);color:var(--accent-color);padding:2px 8px;border-radius:10px;font-size:clamp(10px,2.5vw,12px);font-weight:500;transition:all .3s ease}.click-indicator.logo-clicks{background:rgba(255,215,0,.2);color:#daa520;animation:pulse 1s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.nav{display:flex;justify-content:center;gap:8px;margin-bottom:20px;padding:0 8px;flex-wrap:wrap}.nav-btn{flex:1;min-width:100px;max-width:150px;padding:12px 16px;border:2px solid transparent;border-radius:8px;background:var(--bg-button);color:var(--text-secondary);font-weight:500;font-size:14px;cursor:pointer;transition:all .3s ease;text-align:center;white-space:nowrap}.nav-btn.active{background:var(--bg-card);color:var(--accent-color);border:2px solid var(--accent-color)}.nav-btn:hover{transform:translateY(-1px);background:var(--bg-accent-hover)}.admin-btn{background:#ff6b6b!important;color:#fff!important;animation:pulse 2s infinite}.admin-btn.active{background:#e55656!important}@keyframes pulse{0%{opacity:1}50%{opacity:.7}to{opacity:1}}.card{background:var(--bg-card);border-radius:12px;padding:20px;margin-bottom:16px;box-shadow:var(--shadow-light);border:1px solid var(--border-color);transition:all .3s ease}.form-group{margin-bottom:16px}.form-group label{display:block;margin-bottom:8px;font-weight:500;color:var(--text-primary);transition:color .3s ease}.form-input{width:100%;padding:12px 16px;border:2px solid var(--border-input);border-radius:8px;font-size:clamp(14px,4vw,16px);transition:all .3s ease;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--bg-input);color:var(--text-primary)}.form-input:focus{outline:none;border-color:var(--border-focus);box-shadow:0 0 0 3px var(--accent-light)}.form-input::placeholder{color:var(--text-muted);opacity:.8}.dark-mode .form-input::placeholder{color:#888;opacity:1}.dark-mode select.form-input{background:var(--bg-input)!important;color:var(--text-primary)!important;border:2px solid var(--border-input)!important}.dark-mode select.form-input option{background:var(--bg-input);color:var(--text-primary)}.dark-mode textarea.form-input{background:var(--bg-input)!important;color:var(--text-primary)!important;border:2px solid var(--border-input)!important}.dark-mode .btn:focus,.dark-mode .nav-btn:focus,.dark-mode .btn-small:focus{outline:2px solid var(--accent-color);outline-offset:2px}.dark-mode .btn:disabled,.dark-mode .btn-small:disabled{background:#404040!important;color:#666!important;border-color:#404040!important;opacity:.6}.dark-mode .alert,.dark-mode .warning{background:#2d2015!important;border:1px solid #FFC107!important;color:var(--text-primary)!important;padding:12px!important;border-radius:8px!important}.dark-mode .info-grid{display:grid!important;gap:12px!important}.dark-mode .info-grid .info-item{background:var(--bg-input)!important;color:var(--text-primary)!important;padding:16px!important;border-radius:8px!important;border:1px solid var(--border-color)!important;text-align:center!important}.dark-mode .info-grid .info-item .info-label{color:var(--text-secondary)!important;font-size:14px!important;margin-bottom:4px!important}.dark-mode .info-grid .info-item .info-value{color:var(--text-primary)!important;font-weight:600!important;font-size:18px!important}.drinks-grid{display:grid;grid-template-columns:1fr;gap:12px;margin-bottom:20px}.drink-category{margin-bottom:20px}.drink-category h3{color:var(--accent-color);margin-bottom:12px;font-size:clamp(16px,4vw,20px);font-weight:600;transition:color .3s ease}.drink-item{padding:16px;background:var(--bg-button);border:2px solid transparent;border-radius:8px;cursor:pointer;transition:all .3s ease;text-align:left;min-height:70px;display:flex;flex-direction:column;justify-content:center}.drink-item:hover{border-color:var(--accent-color);background:var(--bg-accent-hover);transform:translateY(-2px);box-shadow:var(--shadow-accent)}.drink-item.selected{border-color:var(--accent-color);background:var(--bg-accent);color:var(--text-on-accent);transform:translateY(-2px);box-shadow:var(--shadow-accent)}.drink-name{font-weight:600;margin-bottom:4px;font-size:clamp(14px,3.5vw,16px);color:var(--text-primary);transition:color .3s ease}.drink-description{font-size:clamp(11px,3vw,13px);opacity:.8;line-height:1.3;color:var(--text-secondary);transition:color .3s ease}.btn{width:100%;padding:16px;border:2px solid transparent;border-radius:8px;font-size:clamp(14px,4vw,16px);font-weight:600;cursor:pointer;transition:all .3s ease;min-height:48px;display:flex;align-items:center;justify-content:center}.btn-primary{background:var(--bg-card);color:var(--accent-color);border:2px solid var(--accent-color)}.btn-primary:hover{background:var(--accent-color);color:#fff;transform:translateY(-1px);box-shadow:var(--shadow-accent)}.btn-primary:disabled{background:var(--bg-button);color:var(--text-muted);border:2px solid var(--border-color);cursor:not-allowed;transform:none;box-shadow:none}.btn:disabled,.btn-small:disabled{background:#e6e6e6!important;color:#999!important;border-color:#ccc!important;cursor:not-allowed!important;opacity:.6;transform:none!important;box-shadow:none!important}.btn-small.btn-danger:disabled{background:#f8d7da!important;color:#721c24!important;border:1px solid #f5c6cb!important;opacity:.6}.btn-secondary{background:#6c757d;color:#fff}.btn-secondary:hover{background:#5a6268}.order-status{text-align:center;padding:20px}.order-id{font-family:Monaco,Consolas,monospace;background:var(--bg-accent);padding:8px 12px;border-radius:6px;margin:10px 0;font-size:clamp(16px,4vw,18px);font-weight:700;letter-spacing:2px;text-transform:uppercase;text-align:center;border:2px solid var(--accent-color);color:var(--accent-color);word-break:break-all;transition:all .3s ease}.status-badge{display:inline-block;padding:8px 16px;border-radius:20px;font-size:clamp(12px,3.5vw,14px);font-weight:500;margin:10px 0}.status-neu{background:var(--status-new-bg);color:var(--status-new-text)}.status-in-zubereitung{background:var(--status-preparing-bg);color:var(--status-preparing-text)}.status-abholbereit{background:var(--status-ready-bg);color:var(--status-ready-text)}.admin-panel{padding:20px}.admin-login{max-width:300px;margin:0 auto;padding-top:50px}.orders-list{margin-top:20px}.order-card{background:var(--bg-card);border-radius:8px;padding:16px;margin-bottom:12px;border-left:4px solid var(--accent-color);word-break:break-word;transition:all .3s ease}.order-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;flex-wrap:wrap;gap:8px}.order-customer{font-weight:600;color:var(--text-primary);font-size:clamp(14px,4vw,16px);transition:color .3s ease}.order-time{font-size:clamp(10px,3vw,12px);color:var(--text-secondary);transition:color .3s ease}.order-drink{color:var(--accent-color);margin-bottom:12px;font-size:clamp(13px,3.5vw,15px);transition:color .3s ease}.status-controls{display:flex;gap:8px;flex-wrap:wrap}.status-btn{padding:6px 12px;border:none;border-radius:6px;font-size:clamp(10px,2.5vw,12px);cursor:pointer;transition:all .3s ease;white-space:nowrap}.status-btn.neu{background:var(--status-new-bg);color:var(--status-new-text)}.status-btn.in-zubereitung{background:var(--status-preparing-bg);color:var(--status-preparing-text)}.status-btn.abholbereit{background:var(--status-ready-bg);color:var(--status-ready-text)}.status-btn:hover{transform:translateY(-1px);opacity:.9}.loading{text-align:center;padding:40px;color:var(--text-secondary);transition:color .3s ease}.error{background:var(--error-bg);color:var(--error-text);padding:12px 16px;border-radius:8px;margin-bottom:16px;text-align:center;transition:all .3s ease}.success{background:var(--success-bg);color:var(--success-text);padding:12px 16px;border-radius:8px;margin-bottom:16px;text-align:center;transition:all .3s ease}.back-btn{background:none;border:none;color:var(--accent-color);font-size:16px;cursor:pointer;margin-bottom:20px;padding:8px 0;transition:color .3s ease}.back-btn:hover{text-decoration:underline}@media (max-width: 380px){.header{flex-direction:column;gap:12px}.header-left{order:2;justify-content:center}.logo{order:1}.header-controls{order:3;justify-content:center;width:100%}.dark-mode-toggle{width:36px;height:36px;font-size:16px}.cat-info-btn{font-size:16px;width:36px;height:36px}}@media (min-width: 480px){.container{max-width:480px;padding:0 24px}.nav{gap:12px;padding:0 16px}.drinks-grid{grid-template-columns:repeat(2,1fr);gap:16px}}@media (min-width: 768px){.container{max-width:768px;padding:0 32px}.header{padding:24px 0}.nav{max-width:500px;margin:0 auto 24px;gap:16px}.nav-btn{padding:14px 20px;font-size:16px}.drinks-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}.card{padding:24px}.queue-view{padding:0 24px}}@media (min-width: 1024px){.container{max-width:1024px;padding:0 48px}.drinks-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px}.nav{max-width:600px}}@media (min-width: 1200px){.container{max-width:1200px}.drinks-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}}.add-drink-form,.add-category-form{background:var(--bg-button)!important;transition:background .3s ease;border:1px solid var(--border-color)!important}.add-drink-form h4,.add-category-form h4,.drinks-management h3,.categories-management h3,.settings-management h3{color:var(--text-primary)!important;transition:color .3s ease}.drink-card,.category-card{background:var(--bg-card)!important;border:1px solid var(--border-color)!important;transition:all .3s ease}.drink-card:hover,.category-card:hover{border-color:var(--accent-color)!important}.drink-header h4,.category-info h4{color:var(--text-primary)!important;transition:color .3s ease}.drink-desc,.drinks-count{color:var(--text-secondary)!important;transition:color .3s ease}.settings-card{background:var(--bg-card)!important;border:1px solid var(--border-color)!important;transition:all .3s ease}.info-label{color:var(--text-primary)!important;transition:color .3s ease}.info-value{color:var(--text-secondary)!important;transition:color .3s ease}.dark-mode .info-item{background:var(--bg-card)!important;color:var(--text-primary)!important;border:1px solid var(--border-color)!important}.dark-mode .info-grid .info-item{background:var(--bg-card)!important;padding:12px!important;border-radius:8px!important;border:1px solid var(--border-color)!important}.dark-mode .settings-section{background:transparent!important}.dark-mode .settings-section h4{color:var(--text-primary)!important;border-bottom-color:var(--accent-color)!important}.confirm-dialog{background:var(--bg-card)!important;color:var(--text-primary)!important;border:2px solid var(--border-color)!important}.confirm-overlay{background:rgba(0,0,0,.5)!important}.form-input,select.form-input,textarea.form-input{background:var(--bg-input)!important;color:var(--text-primary)!important;border:2px solid var(--border-input)!important}.form-input::placeholder{color:var(--text-muted)!important}.form-input:focus{border-color:var(--border-focus)!important;box-shadow:0 0 0 3px var(--accent-light)!important}.dark-mode .form-group label{color:var(--text-primary)!important;font-weight:600!important}.dark-mode h3,.dark-mode h4,.dark-mode h5{color:var(--text-primary)!important}.dark-mode p,.dark-mode span,.dark-mode div{color:var(--text-secondary)}.dark-mode .setting-info h5,.dark-mode .drink-header h4,.dark-mode .category-info h4{color:var(--text-primary)!important;font-weight:600!important}.dark-mode .setting-info p,.dark-mode .drink-desc,.dark-mode .drinks-count{color:var(--text-secondary)!important;font-weight:400!important}.dark-mode .setting-item{background:var(--bg-card)!important;border-bottom:1px solid var(--border-color)!important;padding:16px!important;border-radius:8px!important;margin-bottom:8px!important}.dark-mode .setting-item.danger{background:#2d1a1a!important;border-left:4px solid #dc3545!important}.dark-mode .setting-item .setting-info h5{color:var(--text-primary)!important}.dark-mode .setting-item .setting-info p{color:var(--text-secondary)!important}.btn-small{background:var(--bg-button)!important;color:var(--text-primary)!important;border:1px solid var(--border-color)!important;transition:all .3s ease}.btn-small:hover{background:var(--bg-accent-hover)!important;border-color:var(--accent-color)!important}.btn-small.btn-primary{background:var(--accent-color)!important;color:#fff!important;border:1px solid var(--accent-color)!important}.btn-small.btn-primary:hover{background:var(--accent-hover)!important;border:1px solid var(--accent-hover)!important}.btn-small.btn-secondary{background:#6c757d!important;color:#fff!important;border:1px solid #6c757d!important}.btn-small.btn-secondary:hover{background:#5a6268!important;border:1px solid #5a6268!important}.btn-small.btn-danger{background:#dc3545!important;color:#fff!important;border:1px solid #dc3545!important}.btn-small.btn-danger:hover{background:#c82333!important;border:1px solid #c82333!important}.dark-mode .btn,.dark-mode button.btn{background:var(--bg-button)!important;color:var(--text-primary)!important;border:2px solid var(--border-color)!important}.dark-mode .btn.btn-primary,.dark-mode button.btn-primary{background:var(--accent-color)!important;color:#fff!important;border:2px solid var(--accent-color)!important}.dark-mode .btn.btn-primary:hover,.dark-mode button.btn-primary:hover{background:var(--accent-hover)!important;border:2px solid var(--accent-hover)!important;color:#fff!important}.dark-mode .btn.btn-secondary,.dark-mode button.btn-secondary{background:#6c757d!important;color:#fff!important;border:2px solid #6c757d!important}.dark-mode .btn.btn-secondary:hover,.dark-mode button.btn-secondary:hover{background:#5a6268!important;border:2px solid #5a6268!important}.dark-mode .confirm-overlay{background:rgba(0,0,0,.8)!important}.dark-mode .warning-text,.dark-mode .danger-text{color:#ffc107!important;font-weight:500!important}.dark-mode .emoji{filter:brightness(1.2)!important}.dark-mode .confirm-buttons{display:flex!important;gap:12px!important;justify-content:flex-end!important;margin-top:20px!important}.dark-mode .confirm-buttons .btn{min-width:100px!important}.tab-nav{border-bottom:1px solid var(--border-color)!important}.tab-btn{color:var(--text-secondary)!important}.tab-btn.active{color:var(--accent-color)!important;border-bottom-color:var(--accent-color)!important}.tab-btn:hover{color:var(--accent-color)!important}.dark-mode .admin-panel,.dark-mode .admin-dashboard{background:transparent!important;color:var(--text-primary)!important}.dark-mode .admin-panel h2,.dark-mode .admin-panel h3,.dark-mode .admin-panel h4,.dark-mode .admin-panel h5{color:var(--text-primary)!important}.dark-mode .admin-panel .card{background:var(--bg-card)!important;border:1px solid var(--border-color)!important;color:var(--text-primary)!important}.dark-mode .admin-panel .form-group label{color:var(--text-primary)!important;font-weight:600!important}.dark-mode .admin-panel p{color:var(--text-secondary)!important}.dark-mode .add-extra-form button,.dark-mode .add-drink-form button,.dark-mode .add-category-form button{background:var(--bg-button)!important;color:var(--text-primary)!important;border:2px solid var(--border-color)!important}.dark-mode .add-extra-form button.btn-secondary,.dark-mode .add-drink-form button.btn-primary,.dark-mode .add-category-form button.btn-primary{background:var(--accent-color)!important;color:#fff!important;border:2px solid var(--accent-color)!important}.dark-mode .add-extra-form button.btn-secondary:hover,.dark-mode .add-drink-form button.btn-primary:hover,.dark-mode .add-category-form button.btn-primary:hover{background:var(--accent-hover)!important;border:2px solid var(--accent-hover)!important}.dark-mode .extras-list,.dark-mode .extras-container,.dark-mode .extra-item,.dark-mode .extra-tag{background:var(--bg-input)!important;color:var(--text-primary)!important;border:1px solid var(--border-color)!important}.dark-mode .extras-list *,.dark-mode .extras-container *,.dark-mode .extra-item *,.dark-mode .extra-tag *{color:var(--text-primary)!important}.dark-mode .extra-item input,.dark-mode .extra-tag input,.dark-mode .add-extra-form input,.dark-mode .extras-list input,.dark-mode .extras-container input,.dark-mode input[class*=extra],.dark-mode input[id*=extra],.dark-mode .form-input{background:var(--bg-primary)!important;color:var(--text-primary)!important;border:1px solid var(--border-color)!important}.dark-mode .admin-panel input,.dark-mode .admin-panel input[type=text],.dark-mode .admin-panel input[type=email],.dark-mode .admin-panel input[type=password],.dark-mode .admin-panel textarea{background:#2a2a2a!important;color:#fff!important;border:1px solid #555555!important}.dark-mode .extra-item input[style*=background],.dark-mode .extra-tag input[style*=background],.dark-mode input[style*=background]{background:#2a2a2a!important;color:#fff!important}.dark-mode .admin-panel *[style*=background-color]{background-color:#2a2a2a!important;color:#fff!important}.dark-mode .admin-panel *[style*="#fff8f0"],.dark-mode .admin-panel *[style*="#fff3cd"],.dark-mode .admin-panel *[style*="#fff5f5"],.dark-mode .admin-panel *[style*="#fff"]{background:#2a2a2a!important;background-color:#2a2a2a!important;color:#fff!important}.dark-mode .admin-panel div,.dark-mode .admin-panel span,.dark-mode .admin-panel input,.dark-mode .admin-panel textarea{background:#2a2a2a!important;color:#fff!important}.dark-mode .admin-panel input{background:#2a2a2a!important;color:#fff!important;border:1px solid #555555!important}.dark-mode .order-form input[type=checkbox]{background:transparent!important;border:2px solid var(--border-color)!important;outline:none!important;box-shadow:none!important;-webkit-appearance:none!important;-moz-appearance:none!important;appearance:none!important;width:16px!important;height:16px!important;border-radius:3px!important}.dark-mode .order-form .extra-option,.dark-mode .order-form .extras-list .extra-option,.dark-mode .order-form .inline-extras-selection .extra-option{background:var(--bg-card)!important;border:1px solid var(--border-color)!important;border-radius:8px!important;padding:12px!important;color:var(--text-primary)!important;box-shadow:0 2px 4px #0003!important;margin-bottom:0!important;transition:all .3s ease!important;display:flex!important;align-items:flex-start!important;gap:12px!important;cursor:pointer!important}.dark-mode .order-form .extra-option:hover:not(.disabled){background:var(--bg-hover)!important;border-color:var(--accent-color)!important;transform:translateY(-1px)!important;box-shadow:0 4px 8px #0000004d!important}.dark-mode .order-form .extra-option.selected{background:var(--bg-accent)!important;border-color:var(--accent-color)!important;box-shadow:0 4px 8px #0000004d!important}.dark-mode .order-form .extra-option.disabled{background:var(--bg-button)!important;border:1px solid var(--border-color)!important;opacity:.6!important;cursor:not-allowed!important}.dark-mode .order-form .checkbox-input{display:none!important;opacity:0!important;width:0!important;height:0!important;margin:0!important;padding:0!important;border:none!important;background:none!important;outline:none!important;box-shadow:none!important}.dark-mode .order-form .checkbox-container{background:transparent!important;border:none!important;outline:none!important;box-shadow:none!important;margin:0!important;padding:0!important}.dark-mode .checkbox-container{background:transparent!important;border:none!important;outline:none!important;box-shadow:none!important}.dark-mode .checkbox-input{display:none!important}.dark-mode .checkbox-custom{width:20px!important;height:20px!important;border:2px solid var(--border-color)!important;border-radius:4px!important;flex-shrink:0!important;position:relative!important;transition:all .3s ease!important;margin-top:2px!important;background:transparent!important;display:block!important}.dark-mode .checkbox-input:checked+.checkbox-custom{background:var(--accent-color)!important;border-color:var(--accent-color)!important}.dark-mode .checkbox-input:checked+.checkbox-custom:after{content:"✓"!important;position:absolute!important;top:50%!important;left:50%!important;transform:translate(-50%,-50%)!important;color:#fff!important;font-weight:700!important;font-size:12px!important}.dark-mode .checkbox-input:disabled+.checkbox-custom{background:var(--bg-button)!important;border-color:var(--border-color)!important;cursor:not-allowed!important}.dark-mode .order-form input[type=checkbox]:checked{background:var(--accent-color)!important;border:2px solid var(--accent-color)!important}.dark-mode .order-form input[type=checkbox]:checked:after{content:"✓"!important;color:#fff!important;font-size:12px!important;display:block!important;text-align:center!important;line-height:12px!important}.dark-mode .extras-list input[type=checkbox],.dark-mode .extra-option input[type=checkbox]{background:transparent!important;border:2px solid var(--border-color)!important;outline:none!important;box-shadow:none!important;-webkit-appearance:none!important;-moz-appearance:none!important;appearance:none!important}.dark-mode .extras-list,.dark-mode .inline-extras-selection{background:transparent!important;border:none!important;outline:none!important;box-shadow:none!important}.dark-mode .order-form .inline-extras-selection{background:var(--bg-accent)!important;border:2px solid var(--accent-color)!important;border-radius:12px!important;padding:16px!important;margin-top:8px!important;margin-bottom:0!important;box-shadow:0 2px 4px #0003!important;width:100%!important;max-width:none!important;box-sizing:border-box!important}.dark-mode .order-form .inline-extras-selection label{color:var(--text-primary)!important;font-weight:600!important;margin-bottom:12px!important;margin-top:0!important;display:block!important}.dark-mode .order-form .extras-list{background:transparent!important;border:none!important;padding:0!important;margin:0!important;display:grid!important;gap:12px!important;width:100%!important}.dark-mode .extras-exclusion,.dark-mode .exclusion-area,.dark-mode .exclusion-container{background:var(--bg-secondary)!important;color:var(--text-primary)!important;border:1px solid var(--border-color)!important;padding:15px!important}.dark-mode .extras-exclusion label,.dark-mode .exclusion-area label{color:var(--text-primary)!important}.dark-mode .extras-exclusion input[type=checkbox],.dark-mode .exclusion-area input[type=checkbox]{background:var(--bg-input)!important;border:2px solid var(--border-color)!important}.dark-mode .extras-exclusion input[type=checkbox]:checked,.dark-mode .exclusion-area input[type=checkbox]:checked{background:var(--accent-color)!important;border:2px solid var(--accent-color)!important}.dark-mode .exclusion-box,.dark-mode .exclude-extras-container,.dark-mode .checkbox-container{background:var(--bg-secondary)!important;color:var(--text-primary)!important;border:1px solid var(--border-color)!important}.dark-mode .extra-item input,.dark-mode .extra-tag input{background:var(--bg-primary)!important;color:var(--text-primary)!important;border:1px solid var(--border-color)!important}.dark-mode .extra-item,.dark-mode .extra-tag{background:var(--bg-input)!important;color:var(--text-primary)!important;border:1px solid var(--border-color)!important}.dark-mode .extra-item input[type=text],.dark-mode .extra-tag input[type=text],.dark-mode .add-extra-form input[type=text]{background:var(--bg-primary)!important;color:var(--text-primary)!important;border:1px solid var(--border-color)!important}.dark-mode .extra-item .extra-info,.dark-mode .extra-item .extra-info strong{color:var(--text-primary)!important}.dark-mode .extra-item .drag-handle,.dark-mode .extra-item .extra-desc{color:var(--text-secondary)!important}.dark-mode .extras-list .extra-item,.dark-mode .extras-container .extra-item{background:var(--bg-input)!important;color:var(--text-primary)!important;border:1px solid var(--border-color)!important;padding:10px!important}.dark-mode .excludes-selection{background:var(--bg-secondary)!important;color:var(--text-primary)!important;border:1px solid var(--border-color)!important;padding:15px!important}.dark-mode .excludes-options{background:var(--bg-secondary)!important;color:var(--text-primary)!important}.dark-mode .exclude-option{background:transparent!important;color:var(--text-primary)!important;border:none!important}.dark-mode .exclude-option:hover{background:var(--bg-hover)!important}.dark-mode .excludes-label{color:var(--text-primary)!important;font-weight:600!important}.dark-mode .remove-extra,.dark-mode .remove-btn,.dark-mode button[type=button]:contains("×"),.dark-mode .btn-close{background:#dc3545!important;color:#fff!important;border:1px solid #dc3545!important}.dark-mode .remove-extra:hover,.dark-mode .remove-btn:hover,.dark-mode .btn-close:hover{background:#c82333!important;border:1px solid #c82333!important}@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 192dpi){.drink-item,.btn,.nav-btn{border-width:1px}}@media (orientation: landscape) and (max-height: 500px){.header{padding:12px 0}.header h1{font-size:clamp(18px,4vw,24px)}.nav{margin-bottom:16px}.card{padding:16px}}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.6);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);touch-action:manipulation;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}.modal-content{background:var(--bg-card);border-radius:16px;box-shadow:var(--shadow-medium);width:100%;max-width:600px;max-height:90vh;overflow-y:auto;border:1px solid var(--border-color);touch-action:manipulation;-webkit-touch-callout:none}.main-content{position:relative;min-height:60vh}.page-enter-active,.page-leave-active{transition:all .2s ease}.page-enter-from{opacity:0;transform:translate(8px)}.page-leave-to{opacity:0;transform:translate(-8px)}.page-enter-to,.page-leave-from{opacity:1;transform:translate(0)}@media (prefers-reduced-motion: no-preference){.page-enter-active{transition:all .25s ease-out}.page-leave-active{transition:all .2s ease-in}.page-enter-from{opacity:0;transform:translate(12px) scale(.99)}.page-leave-to{opacity:0;transform:translate(-12px) scale(.99)}}@media (prefers-reduced-motion: reduce){.page-enter-active,.page-leave-active{transition:opacity .15s ease}.page-enter-from,.page-leave-to{opacity:0;transform:none;filter:none}}.modal-enter-active{transition:all .3s ease}.modal-leave-active{transition:all .2s ease}.modal-enter-from{opacity:0;-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px)}.modal-enter-from .modal-content{transform:scale(.8) translateY(-20px);opacity:0}.modal-leave-to{opacity:0;-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px)}.modal-leave-to .modal-content{transform:scale(.9) translateY(10px);opacity:0}.modal-header{padding:20px;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center;background:var(--bg-accent);border-radius:16px 16px 0 0}.modal-header h2{color:var(--text-primary);margin:0;font-size:clamp(18px,4vw,24px);font-weight:600}.modal-close{background:transparent;border:none;font-size:28px;cursor:pointer;color:var(--text-secondary);padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s ease}.modal-close:hover{background:var(--bg-button);color:var(--text-primary);transform:scale(1.1)}.modal-body{padding:20px;color:var(--text-primary);line-height:1.6}.modal-body h3{color:var(--accent-color);margin:20px 0 10px;font-size:clamp(16px,3.5vw,18px);font-weight:600}.modal-body p{margin-bottom:16px;color:var(--text-primary)}.modal-body ul{list-style:none;padding:0;margin-bottom:20px}.modal-body li{padding:8px 0 8px 16px;position:relative;color:var(--text-primary)}.modal-body li:before{content:"•";color:var(--accent-color);font-weight:700;position:absolute;left:0}.modal-body strong{color:var(--accent-color);font-weight:600}@media (max-width: 480px){.modal-content{margin:10px;max-height:95vh}.modal-header,.modal-body{padding:16px}.modal-header h2{font-size:20px}.cat-info-btn{font-size:18px}}