:root{--primary:#cba153;--primary-light:#e6c875;--primary-dark:#a67c31;--primary-glow:#cba15340;--accent:#2e8b57;--accent-light:#4cbb7b;--accent-dark:#1b5e3a;--bg-dark:#050a06;--bg-card:#0a140d;--bg-card-hover:#0f1c13;--bg-input:#070e09;--bg-surface:#0a140dcc;--text-primary:#e8eade;--text-secondary:#8c9e8e;--text-muted:#526354;--text-accent:#cba153;--border-color:#cba15333;--border-focus:#cba15399;--border-error:#8b0000;--success:#2e8b57;--error:#8b0000;--radius-sm:2px;--radius-md:4px;--radius-lg:6px;--radius-xl:8px;--radius-full:9999px;--shadow-sm:0 2px 8px #0006;--shadow-md:0 4px 16px #00000080;--shadow-lg:0 8px 32px #0009;--shadow-glow:0 0 40px #cba15326;--transition:.3s cubic-bezier(.25, .46, .45, .94)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg-dark);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;font-family:Cormorant Garamond,serif;overflow-x:hidden}.bg-effects{z-index:0;pointer-events:none;position:fixed;inset:0;overflow:hidden}.bg-orb{filter:blur(120px);opacity:.4;border-radius:50%;animation:20s ease-in-out infinite orbFloat;position:absolute}.bg-orb--1{background:radial-gradient(circle, var(--accent) 0%, transparent 70%);opacity:.15;width:600px;height:600px;animation-delay:0s;top:-200px;right:-200px}.bg-orb--2{background:radial-gradient(circle,#0e2a16 0%,#0000 70%);width:500px;height:500px;animation-delay:-7s;bottom:-150px;left:-150px}.bg-orb--3{background:radial-gradient(circle, var(--primary) 0%, transparent 70%);opacity:.15;width:350px;height:350px;animation-delay:-14s;top:40%;left:50%}@keyframes orbFloat{0%,to{transform:translate(0)scale(1)}25%{transform:translate(30px,-40px)scale(1.05)}50%{transform:translate(-20px,20px)scale(.95)}75%{transform:translate(40px,30px)scale(1.02)}}.bg-grid{z-index:0;pointer-events:none;background-image:linear-gradient(#cba15308 1px,#0000 1px),linear-gradient(90deg,#cba15308 1px,#0000 1px);background-size:60px 60px;position:fixed;inset:0}.app{z-index:1;flex-direction:column;align-items:center;min-height:100vh;padding:40px 20px 80px;display:flex;position:relative}.header{text-align:center;margin-bottom:48px;animation:.8s fadeInDown}.header__icon{border-radius:var(--radius-sm);background:linear-gradient(135deg, var(--bg-card), var(--bg-input));border:1px solid var(--primary);width:72px;height:72px;box-shadow:var(--shadow-glow);justify-content:center;align-items:center;margin-bottom:20px;animation:4s ease-in-out infinite pulse;display:inline-flex}.header__icon svg{width:36px;height:36px;color:var(--primary)}.header__title{color:var(--primary);text-shadow:0 0 20px #cba1534d;letter-spacing:.05em;text-transform:uppercase;margin-bottom:8px;font-family:Cinzel,serif;font-size:2.8rem;font-weight:700}.header__subtitle{color:var(--text-secondary);letter-spacing:.05em;font-family:Cormorant Garamond,serif;font-size:1.2rem;font-style:italic;font-weight:500}@keyframes pulse{0%,to{box-shadow:var(--shadow-glow)}50%{box-shadow:0 0 60px #cba15366}}.progress{justify-content:center;align-items:center;gap:0;width:100%;max-width:600px;margin-bottom:40px;animation:.6s .2s both fadeIn;display:flex}.progress__step{border-radius:var(--radius-sm);background:var(--bg-card);border:1px solid var(--border-color);width:40px;height:40px;color:var(--text-muted);transition:var(--transition);flex-shrink:0;justify-content:center;align-items:center;font-family:Cinzel,serif;font-size:1rem;font-weight:700;display:flex;position:relative;transform:rotate(45deg)}.progress__step>*{transform:rotate(-45deg)}.progress__step--active{background:var(--bg-input);border-color:var(--primary);color:var(--primary);box-shadow:0 0 15px var(--primary-glow);transform:scale(1.1)rotate(45deg)}.progress__step--completed{background:var(--success);border-color:var(--success);color:#fff}.progress__line{background:var(--border-color);max-width:80px;height:2px;transition:var(--transition);flex:1}.progress__line--active{background:linear-gradient(90deg, var(--success), var(--primary))}.form-card{background:var(--bg-surface);-webkit-backdrop-filter:blur(24px);border:1px solid var(--border-color);border-radius:var(--radius-xl);width:100%;max-width:720px;box-shadow:var(--shadow-lg), var(--shadow-glow);padding:40px;animation:.6s .3s both fadeInUp}.form-card__step-title{color:var(--text-primary);margin-bottom:6px;font-family:Outfit,sans-serif;font-size:1.5rem;font-weight:700}.form-card__step-desc{color:var(--text-secondary);margin-bottom:32px;font-size:.9rem}.form-group{margin-bottom:24px}.form-row{grid-template-columns:1fr 1fr;gap:16px;display:grid}.form-label{color:var(--text-accent);letter-spacing:.02em;margin-bottom:8px;font-size:.85rem;font-weight:600;display:block}.form-input{background:var(--bg-input);border:1.5px solid var(--border-color);border-radius:var(--radius-md);width:100%;color:var(--text-primary);transition:var(--transition);outline:none;padding:14px 16px;font-family:inherit;font-size:.95rem}.form-input::placeholder{color:var(--text-muted)}.form-input:hover{border-color:#7c3aed66}.form-input:focus{border-color:var(--border-focus);box-shadow:0 0 0 3px var(--primary-glow);background:#150e22e6}.form-input--error{border-color:var(--error);box-shadow:0 0 0 3px #ef444426}.form-hint{color:var(--text-muted);margin-top:6px;font-size:.75rem}.form-error{color:var(--error);align-items:center;gap:4px;margin-top:6px;font-size:.75rem;display:flex}.form-select{background:var(--bg-input);border:1.5px solid var(--border-color);border-radius:var(--radius-md);width:100%;color:var(--text-primary);transition:var(--transition);appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1.5L6 6.5L11 1.5' stroke='%23a597c4' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-position:right 16px center;background-repeat:no-repeat;outline:none;padding:14px 40px 14px 16px;font-family:inherit;font-size:.95rem}.form-select:hover{border-color:#7c3aed66}.form-select:focus{border-color:var(--border-focus);box-shadow:0 0 0 3px var(--primary-glow)}.form-select option{background:var(--bg-card);color:var(--text-primary)}.slider-container{position:relative}.slider-value{background:linear-gradient(135deg, var(--primary-light), var(--accent-light));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;justify-content:center;align-items:center;gap:8px;margin-bottom:16px;font-family:Outfit,sans-serif;font-size:2.2rem;font-weight:800;display:flex}.slider-value span{-webkit-text-fill-color:var(--text-secondary);font-size:.9rem;font-weight:500}.form-slider{appearance:none;background:var(--bg-input);border-radius:var(--radius-full);cursor:pointer;outline:none;width:100%;height:6px;position:relative}.form-slider::-webkit-slider-thumb{-webkit-appearance:none;background:linear-gradient(135deg, var(--primary), var(--primary-light));width:24px;height:24px;box-shadow:0 0 12px var(--primary-glow), 0 2px 8px #0000004d;cursor:pointer;border-radius:50%;transition:transform .15s}.form-slider::-webkit-slider-thumb:hover{transform:scale(1.2)}.form-slider::-moz-range-thumb{background:linear-gradient(135deg, var(--primary), var(--primary-light));width:24px;height:24px;box-shadow:0 0 12px var(--primary-glow), 0 2px 8px #0000004d;cursor:pointer;border:none;border-radius:50%}.slider-labels{color:var(--text-muted);justify-content:space-between;margin-top:8px;font-size:.7rem;display:flex}.chips-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px;display:grid}.chip{background:var(--bg-input);border:1.5px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;transition:var(--transition);-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;gap:8px;padding:12px 16px;font-size:.85rem;font-weight:500;display:flex}.chip:hover{border-color:var(--primary-light);background:var(--bg-card-hover);color:var(--text-primary);transform:translateY(-1px)}.chip--selected{border-color:var(--primary);color:var(--primary-light);box-shadow:0 0 16px var(--primary-glow);background:#7c3aed26}.chip__icon{font-size:1.2rem}.drinks-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px;display:grid}.drink-card{background:var(--bg-input);border:1.5px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;transition:var(--transition);text-align:center;-webkit-user-select:none;user-select:none;flex-direction:column;align-items:center;gap:8px;padding:16px 12px;display:flex;position:relative;overflow:hidden}.drink-card:before{content:"";opacity:0;transition:var(--transition);background:linear-gradient(135deg,#7c3aed1a,#0000);position:absolute;inset:0}.drink-card:hover{border-color:var(--primary-light);box-shadow:var(--shadow-md);transform:translateY(-2px)}.drink-card:hover:before{opacity:1}.drink-card--selected{border-color:var(--primary);box-shadow:0 0 20px var(--primary-glow);background:#7c3aed1a}.upsell-card{transition:all .2s ease-in-out}.upsell-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)!important}.drink-card--selected:after{content:"✓";background:var(--primary);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;font-size:.65rem;font-weight:700;display:flex;position:absolute;top:6px;right:8px}.drink-card__emoji{z-index:1;font-size:2rem;position:relative}.drink-card__name{color:var(--text-primary);z-index:1;font-size:.8rem;font-weight:600;position:relative}.drinks-counter{text-align:center;color:var(--text-secondary);margin-top:16px;font-size:.85rem}.drinks-counter strong{color:var(--primary-light);font-weight:700}.packages-grid{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}.package-card{background:var(--bg-input);border:1.5px solid var(--border-color);border-radius:var(--radius-lg);cursor:pointer;transition:var(--transition);text-align:center;-webkit-user-select:none;user-select:none;flex-direction:column;align-items:center;gap:10px;padding:28px 18px 24px;display:flex;position:relative;overflow:hidden}.package-card:before{content:"";opacity:0;transition:var(--transition);background:linear-gradient(135deg,#7c3aed14,#0000);position:absolute;inset:0}.package-card:hover{border-color:var(--primary-light);box-shadow:var(--shadow-md);transform:translateY(-4px)}.package-card:hover:before{opacity:1}.package-card--selected{border-color:var(--primary);box-shadow:0 0 24px var(--primary-glow), var(--shadow-md);background:#7c3aed1a}.package-card--popular{border-color:var(--accent);box-shadow:0 0 20px #f59e0b26}.package-card--popular.package-card--selected{border-color:var(--accent);box-shadow:0 0 30px #f59e0b40, var(--shadow-md)}@keyframes frozenPulse{0%{border-color:#00e5ff66;box-shadow:0 0 15px #00e5ff26}to{border-color:#00e5ff;box-shadow:0 0 30px #00e5ff59}}.package-card--frozen{background:linear-gradient(135deg, #00e5ff0d 0%, var(--bg-input) 100%);border-color:#00e5ff;animation:2s ease-in-out infinite alternate frozenPulse}.package-card--frozen.package-card--selected{box-shadow:0 0 40px #00e5ff80, var(--shadow-md);background:linear-gradient(135deg, #00e5ff26 0%, var(--bg-input) 100%);border-color:#00e5ff;animation:none}.package-card__badge--frozen{color:#000!important;background:linear-gradient(135deg,#00e5ff,#00b8d4)!important}.package-card__badge{background:linear-gradient(135deg, var(--accent), var(--accent-dark));color:#1a1128;text-transform:uppercase;letter-spacing:.05em;z-index:2;padding:5px 8px;font-size:.7rem;font-weight:800;position:absolute;top:0;left:0;right:0}.package-card__emoji{z-index:1;margin-top:4px;font-size:2.2rem;position:relative}.package-card__name{color:var(--text-primary);z-index:1;font-family:Outfit,sans-serif;font-size:1.05rem;font-weight:700;position:relative}.package-card__price{z-index:1;align-items:baseline;gap:2px;display:flex;position:relative}.package-card__price-value{background:linear-gradient(135deg, var(--primary-light), var(--accent-light));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-family:Outfit,sans-serif;font-size:1.6rem;font-weight:800}.package-card__price-label{color:var(--text-muted);font-size:.7rem;font-weight:500}.package-card__features{text-align:left;z-index:1;border-top:1px solid var(--border-color);width:100%;margin-top:8px;padding-top:12px;list-style:none;position:relative}.package-card__features li{color:var(--text-secondary);align-items:center;gap:6px;padding:3px 0;font-size:.75rem;display:flex}.package-card__features li svg{color:var(--success);flex-shrink:0}.form-actions{gap:12px;margin-top:32px;display:flex}.btn{border-radius:var(--radius-md);cursor:pointer;transition:var(--transition);letter-spacing:.02em;border:none;flex:1;justify-content:center;align-items:center;gap:8px;padding:16px 24px;font-family:inherit;font-size:.95rem;font-weight:700;display:flex}.btn--primary{background:linear-gradient(135deg, var(--primary), var(--primary-dark));color:#fff;box-shadow:0 4px 16px var(--primary-glow)}.btn--primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 24px #7c3aed66}.btn--primary:active{transform:translateY(0)}.btn--secondary{background:var(--bg-card);color:var(--text-secondary);border:1.5px solid var(--border-color)}.btn--secondary:hover{background:var(--bg-card-hover);color:var(--text-primary);border-color:var(--primary-light)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn--loading{pointer-events:none;position:relative}.btn__spinner{border:2.5px solid #fff3;border-top-color:#fff;border-radius:50%;width:20px;height:20px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.success-screen{text-align:center;padding:60px 40px;animation:.6s fadeInUp}.success-screen__icon{background:linear-gradient(135deg, var(--success), #059669);border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;margin-bottom:24px;animation:.5s cubic-bezier(.175,.885,.32,1.275) scaleIn;display:inline-flex;box-shadow:0 0 40px #10b9814d}.success-screen__icon svg{color:#fff;width:40px;height:40px}.success-screen__title{color:var(--text-primary);margin-bottom:10px;font-family:Outfit,sans-serif;font-size:1.8rem;font-weight:700}.success-screen__text{color:var(--text-secondary);max-width:400px;margin:0 auto 32px;font-size:.95rem;line-height:1.6}.success-screen__btn{padding:14px 32px;display:inline-flex}@keyframes scaleIn{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-16px)}to{opacity:1;transform:translateY(0)}}.step-enter{animation:.4s fadeInUp}.footer{text-align:center;color:var(--text-muted);margin-top:48px;font-size:.75rem;animation:.6s .5s both fadeIn}.footer a{color:var(--primary-light);font-weight:500;text-decoration:none}.footer a:hover{text-decoration:underline}@media (width<=640px){.app{padding:24px 16px 60px}.header__title{font-size:1.8rem}.header__subtitle{font-size:.9rem}.form-card{border-radius:var(--radius-lg);padding:24px 20px}.form-row{grid-template-columns:1fr}.chips-grid,.drinks-grid{grid-template-columns:repeat(2,1fr)}.packages-grid{grid-template-columns:1fr}.progress__step{width:34px;height:34px;font-size:.75rem}.slider-value{font-size:1.8rem}.form-actions{flex-direction:column-reverse}}@media (width<=768px){.admin-main{padding:16px!important}.admin-header{flex-direction:column!important;align-items:flex-start!important;gap:16px!important}.admin-stats{justify-content:space-between!important;width:100%!important;padding:12px!important}.admin-kanban-container{flex-direction:column!important;padding-bottom:30px!important;overflow-x:hidden!important}.admin-kanban-col{min-width:100%!important;margin-bottom:16px!important}.admin-modal-actions{flex-direction:column!important;align-items:flex-start!important;gap:12px!important}.admin-modal-actions>div{width:100%!important}.admin-modal-grid{grid-template-columns:1fr!important}.admin-config-tabs{flex-wrap:wrap!important;gap:8px!important}.admin-config-tabs button{text-align:center!important;flex:calc(50% - 8px)!important}.admin-config-row{flex-direction:column!important;gap:12px!important}.admin-config-row>div{width:100%!important}.admin-config-grid{grid-template-columns:1fr!important}.admin-full-btn{justify-content:center!important;width:100%!important}}
