body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--primary-color:#4a6fa5;--secondary-color:#f0f0f0;--danger-color:#d32f2f;--text-color:#333;--text-light:#666;--border-color:#eaeaea;--shadow:0 3px 10px #00000014;--transition:all 0.3s ease}*{box-sizing:border-box;margin:0;padding:0}body{background-color:#f8f9fa;color:#333;color:var(--text-color);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.6}.app{margin:0 auto;max-width:1200px;min-height:100vh;padding:20px}.header{align-items:center;border-bottom:1px solid #eaeaea;border-bottom:1px solid var(--border-color);display:flex;flex-wrap:wrap;gap:15px;justify-content:space-between;margin-bottom:30px;padding:15px 0}.header h1{color:#333;color:var(--text-color);font-size:1.8rem}.back-link,.upload-link{align-items:center;background:#4a6fa5;background:var(--primary-color);border:none;border-radius:6px;color:#fff;cursor:pointer;display:inline-flex;font-size:1rem;padding:10px 20px;text-decoration:none;transition:all .3s ease;transition:var(--transition)}.back-link:hover,.upload-link:hover{background:#3a5a85;transform:translateY(-2px)}.back-link{background:#6c757d}.gallery{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));margin-top:20px}.empty-gallery{background:#f9f9f9;border-radius:10px;box-shadow:0 3px 10px #00000014;box-shadow:var(--shadow);grid-column:1/-1;padding:50px 20px;text-align:center}.empty-gallery p{color:#666;color:var(--text-light);font-size:1.2rem;margin-bottom:20px}.empty-gallery .btn{background:#4a6fa5;background:var(--primary-color);border-radius:6px;color:#fff;display:inline-block;font-weight:500;padding:12px 25px;text-decoration:none;transition:all .3s ease;transition:var(--transition)}.empty-gallery .btn:hover{background:#3a5a85;transform:translateY(-2px)}.beer-card-wrapper{border-radius:12px;box-shadow:0 3px 10px #00000014;box-shadow:var(--shadow);cursor:pointer;overflow:hidden;position:relative;transition:all .3s ease;transition:var(--transition)}.beer-card-wrapper:hover{box-shadow:0 10px 20px #0000001a;transform:translateY(-7px)}.beer-card{background:#fff;display:flex;flex-direction:column;height:100%}.beer-header{background:#f8f8f8;border-bottom:1px solid #eaeaea;border-bottom:1px solid var(--border-color);padding:15px;text-align:center}.beer-header h2{font-size:1.5rem;margin-bottom:5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.beer-content{display:flex;flex-direction:column;flex-grow:1;padding:15px}.beer-image{background:#f9f9f9;border-radius:8px;margin-bottom:15px;min-height:250px;overflow:hidden}.beer-image,.placeholder{align-items:center;display:flex;justify-content:center}.placeholder{color:#666;color:var(--text-light);font-style:italic}.beer-type-style{color:#222;font-size:1.2rem;font-weight:700;margin-bottom:20px;padding:0 10px;text-align:center}.beer-details{display:flex;flex-direction:column;flex-grow:1}.beer-specs{grid-gap:10px;display:grid;font-size:.9rem;gap:10px;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));margin-bottom:15px}.beer-specs span{background:#f0f8ff;border-radius:6px;padding:8px;text-align:center}.price-list{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));margin-bottom:15px}.price-item{background:#f0f7ff;border-radius:4px;display:flex;font-weight:500;justify-content:space-between;padding:8px 12px}.beer-note{background:#fff9e6;margin-bottom:10px;padding:8px}.beer-note,.tap-info{border-radius:4px;font-weight:700;text-align:center}.tap-info{background:#e6f7ff;padding:6px}.delete-btn{align-items:center;background:#d32f2fcc;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:16px;height:30px;justify-content:center;position:absolute;right:10px;top:10px;transition:all .3s ease;transition:var(--transition);width:30px;z-index:10}.delete-btn:hover{background:#b71c1c;transform:scale(1.1)}.upload-page{margin:0 auto;max-width:800px;padding:20px 0}.upload-form{background:#fff;border-radius:12px;box-shadow:0 3px 10px #00000014;box-shadow:var(--shadow);padding:25px}.form-section{border-bottom:1px solid #eaeaea;border-bottom:1px solid var(--border-color);margin-bottom:30px;margin-top:15px;padding-bottom:20px}.form-section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.form-section h3{color:#4a6fa5;color:var(--primary-color);font-size:1.3rem}.form-group,.form-section h3{margin-bottom:20px}.form-group label{color:#333;color:var(--text-color);display:block;font-weight:600;margin-bottom:8px}.form-group input,.form-group select,.form-group textarea{border:1px solid #ddd;border-radius:8px;font-size:1rem;padding:12px 15px;transition:border-color .3s;width:100%}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#4a6fa5;border-color:var(--primary-color);box-shadow:0 0 0 3px #4a6fa533;outline:none}.form-group textarea{min-height:100px;resize:vertical}.form-row{display:flex;flex-wrap:wrap;gap:15px;margin-bottom:15px}.form-row .form-group{flex:1 1;margin-bottom:0;min-width:200px}.image-upload-container{margin-bottom:25px}.upload-btn{align-items:center;background:#f0f0f0;background:var(--secondary-color);border:1px dashed #ccc;border-radius:8px;color:#333;color:var(--text-color);cursor:pointer;display:inline-flex;font-size:1rem;gap:8px;padding:12px 20px;transition:all .3s ease;transition:var(--transition)}.upload-btn:hover{background:#e0e0e0;border-color:#aaa}.image-preview{border-radius:8px;box-shadow:0 2px 10px #0000001a;margin-top:15px;max-width:300px;overflow:hidden}.image-preview img{display:block;height:auto;width:100%}.price-row{align-items:flex-end;background:#f9f9f9;border-radius:8px;padding:15px;position:relative}.remove-price-btn{background:none;color:#d32f2f;color:var(--danger-color);display:flex;font-size:1.2rem;height:30px;justify-content:center;position:absolute;right:10px;top:10px;width:30px}.add-price-btn,.remove-price-btn{align-items:center;border:none;cursor:pointer}.add-price-btn{background:#f0f0f0;background:var(--secondary-color);border-radius:6px;color:#333;color:var(--text-color);display:inline-flex;font-size:.95rem;gap:8px;padding:10px 15px;transition:all .3s ease;transition:var(--transition)}.add-price-btn:hover{background:#e0e0e0}.form-actions{display:flex;flex-wrap:wrap;gap:15px;margin-top:30px}.btn{align-items:center;border:none;border-radius:6px;cursor:pointer;display:inline-flex;font-size:1rem;font-weight:500;justify-content:center;padding:12px 25px;transition:all .3s ease;transition:var(--transition)}.btn.primary{background:#4a6fa5;background:var(--primary-color);color:#fff}.btn.primary:hover{background:#3a5a85;transform:translateY(-2px)}.btn.secondary{background:#f0f0f0;background:var(--secondary-color);color:#333;color:var(--text-color)}.btn.secondary:hover{background:#e0e0e0;transform:translateY(-2px)}.modal-overlay{align-items:center;animation:fadeIn .3s ease;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000000d9;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.modal-content{animation:scaleUp .3s ease;background:#fff;border-radius:12px;box-shadow:0 20px 50px #0000004d;display:flex;flex-direction:column;max-height:90vh;max-width:90%;overflow:hidden;width:800px}.modal-close-btn{align-items:center;background:#00000080;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1.8rem;height:40px;justify-content:center;position:absolute;right:15px;top:15px;transition:all .3s ease;transition:var(--transition);width:40px;z-index:10}.modal-close-btn:hover{background:#000c;transform:rotate(90deg)}.modal-header{background:#f8f8f8;border-bottom:1px solid #eaeaea;border-bottom:1px solid var(--border-color);padding:20px}.modal-title{font-size:1.8rem;margin-bottom:5px}.modal-subtitle{color:#666;color:var(--text-light);font-size:1.1rem}.modal-image-container{background:#000;max-height:50vh;overflow:hidden;position:relative}.image-placeholder,.modal-image-container{align-items:center;display:flex;justify-content:center;min-height:300px}.image-placeholder{background:#333;color:#fff;font-style:italic}.modal-details{max-height:40vh;overflow-y:auto;padding:25px}.details-section{margin-bottom:25px}.details-section h3{border-bottom:1px solid #eaeaea;border-bottom:1px solid var(--border-color);color:#4a6fa5;color:var(--primary-color);font-size:1.3rem;margin-bottom:15px;padding-bottom:8px}.detail-row{border-bottom:1px dashed #eaeaea;border-bottom:1px dashed var(--border-color);display:flex;justify-content:space-between;padding:10px 0}.detail-row span:first-child{font-weight:500}.details-section p{color:#666;color:var(--text-light);line-height:1.6;margin-top:10px}@keyframes scaleUp{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@media (max-width:768px){.header{align-items:flex-start;flex-direction:column}.gallery{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.modal-content{width:95%}.form-row{flex-direction:column;gap:10px}.form-row .form-group{min-width:100%}.price-row{flex-wrap:wrap}}@media (max-width:480px){.app{padding:15px}.header h1{font-size:1.5rem}.gallery{grid-template-columns:1fr}.upload-form{padding:15px}.beer-header h2{font-size:1.2rem}.beer-image{min-height:200px}.beer-image img{max-height:200px}.beer-type-style{font-size:1.1rem}.form-actions{flex-direction:column}.btn{width:100%}.modal-content{border-radius:0;max-height:100vh;max-width:100%}.modal-details{padding:15px}}.templates-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));margin-bottom:20px;max-height:300px;overflow-y:auto}.template-card{border:1px solid #eee;border-radius:8px;cursor:pointer;margin-top:14px;padding:15px;transition:all .2s}.template-card:hover{background:#f5f5f5}.template-card.selected{background:#e3f2fd;border-color:#2196f3}.template-card h4{font-size:1rem;margin:0 0 5px}.template-card p{color:#666;font-size:.8rem;margin:0}.btn.tertiary{background:#e0e0e0;color:#333}.btn.tertiary:hover{background:#bdbdbd}.load-more-btn{background:#f5f5f5;border:none;border-radius:4px;cursor:pointer;display:block;margin:20px auto;padding:10px 20px}.beer-image img{max-height:250px}.beer-image img,.modal-image{image-rendering:-webkit-optimize-contrast;max-width:100%;object-fit:contain}.modal-image{max-height:50vh}.empty-templates{background:#f9f9f9;border-radius:8px;color:#666;color:var(--text-light);grid-column:1/-1;padding:30px;text-align:center}.btn.tertiary{align-items:center;background:#4a6fa5;background:var(--primary-color);color:#fff;display:inline-flex;justify-content:center}.btn.tertiary:hover{background:#3a5a85}.template-card{background:#fff;border:2px solid #e0e0e0;border-radius:10px;overflow:hidden;padding:0;position:relative;transition:all .3s ease}.template-card-content{cursor:pointer;padding:15px}.template-card:hover{border-color:#4a6fa5;border-color:var(--primary-color);box-shadow:0 5px 15px #0000001a;transform:translateY(-3px)}.template-actions{background:#f9f9f9;border-top:1px solid #eee;display:flex;justify-content:flex-end;padding:10px}.delete-template-btn{background:none;border:none;color:#757575;cursor:pointer;font-size:.9rem;padding:5px;transition:all .2s}.delete-template-btn:hover{color:#d32f2f;color:var(--danger-color);transform:scale(1.1)}.confirm-modal{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.confirm-content{animation:fadeIn .3s;background:#fff;border-radius:10px;max-width:90%;padding:25px;text-align:center;width:400px}.confirm-buttons{display:flex;gap:15px;justify-content:center;margin-top:20px}.btn.danger{background:#d32f2f;background:var(--danger-color);color:#fff}.btn.danger:hover{background:#c62828}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.loading-indicator{align-items:center;color:#666;color:var(--text-light);display:flex;font-size:1.2rem;height:200px;justify-content:center}.loading-indicator:after{animation:spin 1s linear infinite;border:3px solid #4a6fa54d;border-radius:50%;border-top:3px solid var(--primary-color);content:"";display:inline-block;height:20px;margin-left:10px;width:20px}@keyframes spin{to{transform:rotate(1turn)}}.template-badge{border-radius:12px;display:inline-block;font-size:.7rem;font-weight:700;margin-left:8px;padding:3px 8px;vertical-align:middle}.template-badge.default{background-color:#e3f2fd;color:#1976d2}.template-card-header{align-items:center;display:flex;margin-bottom:8px}.app-container{min-height:100vh;overflow:hidden;position:relative;width:100vw}.zoom-controls-top{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#fffffff2;border-bottom:1px solid #0000001a;box-shadow:0 2px 10px #0000001a;flex-wrap:wrap;gap:20px;justify-content:center;left:0;padding:10px 20px;position:fixed;right:0;top:0;z-index:1000}.zoom-controls-top,.zoom-panel{align-items:center;display:flex}.zoom-panel{background:#4a6fa51a;border-radius:50px;box-shadow:0 2px 5px #0000001a;gap:5px;padding:5px}.zoom-btn,.zoom-display{align-items:center;background:#4a6fa5;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1.2rem;font-weight:600;height:40px;justify-content:center;transition:all .3s ease;width:40px}.zoom-btn.big-step{font-size:1.3rem;height:45px;width:45px}.zoom-display{background:#4a6fa5cc;font-size:1.1rem;width:80px}.zoom-btn:hover,.zoom-display:hover{background:#3a5a85;transform:scale(1.1)}.auto-zoom-toggle{background:#f0f0f0;border:1px solid #ddd;border-radius:20px;color:#666;cursor:pointer;font-size:.9rem;font-weight:600;padding:8px 15px;transition:all .3s ease}.auto-zoom-toggle.active{background:#4caf50;border-color:#4caf50;color:#fff}.auto-zoom-toggle:hover{box-shadow:0 2px 5px #0000001a;transform:scale(1.05)}.confirm-modal,.modal-overlay{transform:none!important;z-index:2000!important}.header{margin-top:60px}
/*# sourceMappingURL=main.3359c161.css.map*/