:root{--color-brown-dark:#856c5f;--color-brown-medium:#9a7f73;--color-brown-light:#b5a299;--color-brown-cream:#d4c5bc;--color-brown-light-cream:#e8ddd6;--color-brown-very-light:#f5f2f0;--color-bg-primary:#f5f2f0;--color-bg-secondary:#e8ddd6;--color-bg-tertiary:#d4c5bc;--color-bg-quaternary:#b5a299;--color-text-primary:#4a3d35;--color-text-secondary:#5c4a3f;--color-text-dark:#3d3229;--color-text-light:#f5f2f0;--color-success:#28a745;--color-error:#dc3545;--color-warning:#ffc107;--color-info:#17a2b8;--color-muted:#6c757d;--color-border-primary:#856c5f;--color-border-secondary:#9a7f73;--color-border-light:#b5a299;--color-shadow-primary:#856c5f4d;--color-shadow-secondary:#856c5f66;--color-shadow-light:#856c5f33;--color-shadow-dark:#00000080;--color-shadow-medium:#0000004d;--color-shadow-light-dark:#0003;--gradient-primary:linear-gradient(135deg,var(--color-brown-dark) 0%,var(--color-brown-medium) 50%,var(--color-brown-light) 100%);--gradient-secondary:linear-gradient(135deg,var(--color-brown-medium) 0%,var(--color-brown-light) 50%,var(--color-brown-cream) 100%);--gradient-dark:linear-gradient(135deg,var(--color-bg-secondary) 0%,var(--color-bg-tertiary) 100%);--gradient-darker:linear-gradient(135deg,var(--color-bg-tertiary) 0%,var(--color-bg-quaternary) 100%);--gradient-light:linear-gradient(135deg,var(--color-brown-very-light) 0%,var(--color-brown-cream) 100%);--gradient-background:linear-gradient(145deg,var(--color-bg-secondary),var(--color-bg-tertiary),var(--color-bg-quaternary));--gradient-bg-radial-1:radial-gradient(circle at 20% 80%,#856c5f4d 0%,#0000 50%);--gradient-bg-radial-2:radial-gradient(circle at 80% 20%,#9a7f734d 0%,#0000 50%);--gradient-bg-radial-3:radial-gradient(circle at 40% 40%,#b5a29933 0%,#0000 50%);--color-glass-bg:#ffffff1a;--color-glass-border:#fff3;--color-glass-hover:#fff3;--color-glass-border-hover:#ffffff4d;--color-btn-primary:var(--gradient-primary);--color-btn-primary-hover:var(--gradient-secondary);--color-btn-secondary:var(--color-glass-bg);--color-btn-secondary-hover:var(--color-glass-hover);--color-btn-danger:#dc354533;--color-btn-danger-hover:#dc35454d;--color-btn-muted:#6c757d33;--color-btn-muted-hover:#6c757d4d;--color-input-bg:var(--gradient-dark);--color-input-border:var(--color-border-primary);--color-input-border-focus:var(--color-border-secondary);--color-input-text:var(--color-text-secondary);--color-input-placeholder:var(--color-border-secondary);--color-card-bg:var(--gradient-light);--color-card-border:var(--color-border-primary);--color-card-shadow:var(--color-shadow-primary);--color-spinner-bg:#000000d9;--color-spinner-primary:var(--gradient-primary);--color-spinner-border:#ecf0f1;--color-spinner-text:#ecf0f1;--color-spinner-text-secondary:#bdc3c7;--color-success-bg:linear-gradient(135deg,#1c2cc1,#6f9ebc);--color-error-bg:linear-gradient(135deg,#ff6b6b,#ee5a24);--color-success-hover:linear-gradient(135deg,#6f9ebc,#1c2cc1);--color-error-hover:linear-gradient(135deg,#ee5a24,#ff6b6b);--color-glow-primary:#856c5f80;--color-glow-secondary:#856c5fcc;--color-glow-shadow:#856c5f66;--color-vip-gold:gold;--color-vip-gold-dark:#b8860b;--color-vip-gold-light:#ffed4e;--color-vip-gold-cream:#f4e4bc;--color-vip-gold-shadow:#ffd7004d;--color-vip-gold-glow:#ffd70099;--gradient-vip-gold:linear-gradient(135deg,var(--color-brown-dark) 0%,var(--color-brown-medium) 50%,var(--color-brown-light) 100%);--gradient-vip-premium:linear-gradient(135deg,var(--color-brown-dark) 0%,var(--color-brown-medium) 30%,var(--color-brown-light) 70%,var(--color-brown-cream) 100%);--gradient-vip-header:linear-gradient(135deg,var(--color-brown-dark) 0%,var(--color-brown-medium) 100%);--gradient-vip-bg:linear-gradient(145deg,var(--color-bg-secondary) 0%,var(--color-bg-tertiary) 50%,var(--color-bg-quaternary) 100%);--color-vip-success:linear-gradient(135deg,#1c2cc1,#6f9ebc);--color-vip-warning:linear-gradient(135deg,var(--color-brown-dark) 0%,var(--color-brown-medium) 100%);--color-vip-error:linear-gradient(135deg,#ff6b6b,#ee5a24)}.bg-primary{background:#f5f2f0;background:var(--color-bg-primary)}.bg-secondary{background:#e8ddd6;background:var(--color-bg-secondary)}.bg-tertiary{background:#d4c5bc;background:var(--color-bg-tertiary)}.bg-quaternary{background:#b5a299;background:var(--color-bg-quaternary)}.text-primary{color:#4a3d35;color:var(--color-text-primary)}.text-secondary{color:#5c4a3f;color:var(--color-text-secondary)}.text-dark{color:#3d3229;color:var(--color-text-dark)}.text-light{color:#f5f2f0;color:var(--color-text-light)}.border-primary{border-color:#856c5f;border-color:var(--color-border-primary)}.border-secondary{border-color:#9a7f73;border-color:var(--color-border-secondary)}.border-light{border-color:#b5a299;border-color:var(--color-border-light)}.gradient-primary{background:linear-gradient(135deg,#856c5f,#9a7f73 50%,#b5a299);background:var(--gradient-primary)}.gradient-secondary{background:linear-gradient(135deg,#9a7f73,#b5a299 50%,#d4c5bc);background:var(--gradient-secondary)}.gradient-dark{background:linear-gradient(135deg,#e8ddd6,#d4c5bc);background:var(--gradient-dark)}.gradient-darker{background:linear-gradient(135deg,#d4c5bc,#b5a299);background:var(--gradient-darker)}.gradient-light{background:linear-gradient(135deg,#f5f2f0,#d4c5bc);background:var(--gradient-light)}.gradient-background{background:linear-gradient(145deg,#e8ddd6,#d4c5bc,#b5a299);background:var(--gradient-background)}.shadow-primary{box-shadow:0 4px 15px #856c5f4d;box-shadow:0 4px 15px var(--color-shadow-primary)}.shadow-secondary{box-shadow:0 6px 20px #856c5f66;box-shadow:0 6px 20px var(--color-shadow-secondary)}.shadow-dark{box-shadow:0 8px 25px #00000080;box-shadow:0 8px 25px var(--color-shadow-dark)}.vip-gold{color:gold;color:var(--color-vip-gold)}.vip-gold-dark{color:#b8860b;color:var(--color-vip-gold-dark)}.vip-gold-light{color:#ffed4e;color:var(--color-vip-gold-light)}.vip-gold-cream{color:#f4e4bc;color:var(--color-vip-gold-cream)}.bg-vip-gold{background:gold;background:var(--color-vip-gold)}.bg-vip-gold-dark{background:#b8860b;background:var(--color-vip-gold-dark)}.bg-vip-gold-light{background:#ffed4e;background:var(--color-vip-gold-light)}.bg-vip-gold-cream{background:#f4e4bc;background:var(--color-vip-gold-cream)}.gradient-vip-gold{background:linear-gradient(135deg,#856c5f,#9a7f73 50%,#b5a299);background:var(--gradient-vip-gold)}.gradient-vip-premium{background:linear-gradient(135deg,#856c5f,#9a7f73 30%,#b5a299 70%,#d4c5bc);background:var(--gradient-vip-premium)}.gradient-vip-header{background:linear-gradient(135deg,#856c5f,#9a7f73);background:var(--gradient-vip-header)}.gradient-vip-bg{background:linear-gradient(145deg,#e8ddd6,#d4c5bc 50%,#b5a299);background:var(--gradient-vip-bg)}.shadow-vip-gold{box-shadow:0 4px 15px #ffd7004d;box-shadow:0 4px 15px var(--color-vip-gold-shadow)}.glow-vip-gold{box-shadow:0 0 20px #ffd70099;box-shadow:0 0 20px var(--color-vip-gold-glow)}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--color-bg-primary);color:var(--color-text-primary);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}.login-container{align-items:center;background:linear-gradient(135deg,var(--color-brown-dark) 0,var(--color-brown-medium) 50%,var(--color-brown-light) 100%);display:flex;justify-content:center;min-height:100vh;overflow:hidden;padding:20px;position:relative}.login-container:before{animation:coffeeSteam 8s ease-in-out infinite;background:radial-gradient(circle at 20% 80%,var(--color-shadow-primary) 0,#0000 50%),radial-gradient(circle at 80% 20%,#a0522d4d 0,#0000 50%),radial-gradient(circle at 40% 40%,#cd853f33 0,#0000 50%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.login-card{animation:slideIn .5s ease-out;background:var(--gradient-light);border:2px solid var(--color-brown-dark);border-radius:16px;box-shadow:0 20px 40px var(--color-shadow-secondary),0 0 0 2px var(--color-shadow-light);max-width:400px;padding:40px;position:relative;width:100%;z-index:1}.login-header{margin-bottom:32px;text-align:center}.login-icon{animation:logoGlow 4s ease-in-out infinite;color:var(--color-brown-dark);filter:drop-shadow(0 0 10px var(--color-shadow-primary));font-size:3rem;margin-bottom:16px}.login-header h2{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,var(--color-brown-dark),var(--color-brown-medium),var(--color-brown-light));-webkit-background-clip:text;background-clip:text;color:var(--color-bg-secondary);font-size:1.8rem;font-weight:600;margin:0 0 8px;text-shadow:2px 2px 4px var(--color-shadow-primary)}.login-header p{color:var(--color-brown-dark);font-size:.9rem;font-weight:500;margin:0}.error-message{border-left:4px solid var(--color-error);box-shadow:0 4px 8px var(--color-shadow-light);color:var(--color-error)}.login-form{display:flex;flex-direction:column;gap:20px}.form-group label{color:var(--color-bg-secondary);text-shadow:1px 1px 2px var(--color-shadow-light)}.form-group input{background:var(--gradient-dark);min-height:44px}.form-group input:focus,.password-input input:focus{border-color:var(--color-brown-medium);box-shadow:0 0 0 4px var(--color-shadow-light),0 5px 15px var(--color-shadow-medium);outline:none;transform:translateY(-2px)}.form-group input:disabled,.password-input input:disabled{background:linear-gradient(145deg,var(--color-bg-primary),var(--color-bg-secondary));cursor:not-allowed;opacity:.7}.form-group input::placeholder,.password-input input::placeholder{color:var(--color-brown-medium);opacity:.7}.password-toggle:hover{background:var(--color-shadow-light);transform:scale(1.1)}.password-toggle:disabled{opacity:.5}.login-button{align-items:center;background:linear-gradient(135deg,var(--color-brown-dark) 0,var(--color-brown-medium) 50%,var(--color-brown-light) 100%);border:2px solid var(--color-bg-secondary);border-radius:8px;box-shadow:0 4px 8px var(--color-shadow-primary);color:var(--color-brown-very-light);cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:8px;justify-content:center;margin-top:8px;padding:14px 24px;text-shadow:1px 1px 2px var(--color-shadow-medium);transition:all .3s ease}.login-button:hover{background:var(--gradient-secondary);border-color:var(--color-brown-dark);box-shadow:0 8px 20px var(--color-shadow-secondary);transform:translateY(-2px)}.login-button:disabled{box-shadow:0 2px 4px var(--color-shadow-light);cursor:not-allowed;opacity:.7;transform:none}.loading-spinner{border-top:2px solid var(--color-shadow-light);border:2px solid var(--color-shadow-light);border-top-color:var(--color-brown-very-light)}.login-footer{border-top:1px solid var(--color-shadow-light);margin-top:24px;padding-top:20px;text-align:center}.super-admin-link{background:none;border:2px solid var(--color-brown-dark);border-radius:8px;color:var(--color-brown-dark);cursor:pointer;display:inline-block;font-size:.9rem;font-weight:500;padding:10px 20px;text-decoration:none;transition:all .3s ease}.super-admin-link:hover:not(:disabled){background:var(--color-brown-dark);box-shadow:0 4px 8px var(--color-shadow-primary);color:var(--color-brown-very-light);transform:translateY(-1px)}.super-admin-link:disabled{cursor:not-allowed;opacity:.6;transform:none}@media (max-width:480px){.login-card{margin:10px;padding:24px}.login-header h2{font-size:1.5rem}.login-icon{font-size:2.5rem}}.super-admin-registration-container{align-items:center;background:linear-gradient(135deg,#1a1a1a,#8b4513);display:flex;justify-content:center;min-height:100vh;padding:20px}.super-admin-registration-card{animation:slideIn .5s ease-out;background:#fff;border-radius:12px;box-shadow:0 8px 32px #0000001a;max-width:500px;padding:40px;width:100%}.super-admin-registration-header{margin-bottom:30px;text-align:center}.registration-icon{color:#8b4513;font-size:48px!important;margin-bottom:16px}.super-admin-registration-header h2{color:#333;font-size:28px;font-weight:600;margin:0 0 8px}.super-admin-registration-header p{color:#666;font-size:16px;margin:0 0 8px}.super-admin-registration-header .note{border-radius:6px;font-weight:500;margin-top:12px;padding:8px 12px}.error-message,.super-admin-registration-header .note{background:#fdf2f2;border-left:4px solid #e74c3c;color:#e74c3c;font-size:14px}.success-message{background:#f0f9ff;border-left:4px solid #059669;border-radius:8px;color:#059669;font-size:14px;margin-bottom:20px;padding:12px 16px}.registration-form{display:flex;flex-direction:column;gap:20px}.form-group label{color:#374151;font-weight:500}.input-icon{color:#8b4513;font-size:18px!important}.form-group input{background:#f9fafb;border:2px solid #e5e7eb;border-radius:8px;font-size:16px}.form-group input:focus{background:#fff}.form-group input:disabled{background:#f3f4f6}.password-input input{flex:1 1}.password-toggle{color:#6b7280;padding:4px;transition:color .3s ease}.password-toggle:hover{color:#8b4513}.password-toggle:disabled{color:#9ca3af;cursor:not-allowed}.back-button{background:#f3f4f6;border:2px solid #e5e7eb;border-radius:8px;color:#374151;flex:1 1;font-size:16px;font-weight:500;gap:8px;justify-content:center}.back-button:hover:not(:disabled){background:#e5e7eb;border-color:#d1d5db}.back-button:disabled{cursor:not-allowed;opacity:.6}.register-button{align-items:center;background:linear-gradient(135deg,#8b4513,sienna);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;flex:2 1;font-size:16px;font-weight:500;gap:8px;justify-content:center;padding:12px 20px;position:relative;transition:all .3s ease}.register-button:hover:not(:disabled){box-shadow:0 4px 12px var(--color-shadow-primary);transform:translateY(-1px)}.register-button:disabled{cursor:not-allowed;opacity:.7;transform:none}.button-icon{font-size:20px!important}.loading-spinner{border:2px solid #0000;border-top-color:currentcolor}@media (max-width:600px){.super-admin-registration-card{margin:10px;padding:30px 20px}.super-admin-registration-header h2{font-size:24px}.form-actions{flex-direction:column}.back-button,.register-button{flex:none}}.landing-page{background-image:url(/static/media/offer-bg.dd35f1f852a23bdb37e2.png);background-position:50%;background-repeat:no-repeat;background-size:cover;justify-content:center;min-height:100vh;overflow:hidden;padding:20px}.landing-content,.landing-page{align-items:center;display:flex;position:relative}.landing-content{flex-direction:column;gap:30px;max-width:500px;width:100%}.offer-image-container{align-items:center;display:flex;justify-content:center;width:100%}.offer-image{animation:imageFloat 3s ease-in-out infinite;border-radius:15px;box-shadow:0 10px 30px #0000004d;height:auto;max-width:100%}@keyframes imageFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.continue-button{background:linear-gradient(135deg,#2b6cb0,#1a365d);border-radius:15px;box-shadow:0 6px 20px #0000004d,inset 0 1px 0 #fff3;font-size:1.2rem;justify-content:center;letter-spacing:2px;min-width:200px;overflow:hidden;padding:18px 50px;position:relative;text-transform:uppercase;transition:all .3s ease}.continue-button:before{background:linear-gradient(90deg,#0000,#ffffff1a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.continue-button:hover{background:linear-gradient(135deg,#3182ce,#2b6cb0);box-shadow:0 8px 25px #0006,inset 0 1px 0 #ffffff4d;transform:translateY(-3px)}.continue-button:hover:before{left:100%}.continue-button:active{transform:translateY(0)}@media (max-width:768px){.landing-page{padding:15px}.landing-content{gap:25px;max-width:400px}.continue-button{font-size:1.1rem;min-width:180px;padding:15px 40px}}@media (max-width:480px){.landing-content{gap:20px;max-width:350px}.continue-button{font-size:1rem;min-width:160px;padding:12px 30px}}.top-navigation{justify-content:space-between;min-width:100%;padding:15px 20px;position:relative;width:100%;z-index:10}.nav-buttons,.top-navigation{align-items:center;display:flex;margin:0 auto}.nav-buttons{gap:12px}.nav-button{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--color-glass-bg);border:2px solid var(--color-border-primary);border-radius:50%;box-shadow:0 4px 15px var(--color-shadow-light);color:var(--color-text-secondary);cursor:pointer;display:flex;height:48px;justify-content:center;transition:all .3s ease;width:48px}.nav-button:hover{background:var(--color-glass-hover);border-color:var(--color-glass-border-hover);box-shadow:0 6px 20px var(--color-shadow-secondary);color:var(--color-text-primary);transform:translateY(-2px)}.nav-button:active{box-shadow:0 2px 8px var(--color-shadow-light);transform:translateY(0)}.dashboard-button:hover,.settings-button:hover{background:var(--gradient-primary);border-color:var(--color-border-secondary);color:var(--color-brown-light-cream)}.admin-button:hover{background:var(--gradient-vip-gold);border-color:var(--color-vip-gold);color:var(--color-text-dark)}.logout-button:hover{background:var(--color-error-bg);border-color:var(--color-error);color:#fff}.nav-button svg{font-size:20px}.user-info{gap:4px}.user-name{color:var(--color-text-primary);text-shadow:0 1px 2px var(--color-shadow-light)}.user-role{background:var(--gradient-dark);border:1px solid var(--color-border-primary);border-radius:12px;box-shadow:0 2px 8px var(--color-shadow-light);color:var(--color-text-secondary);font-size:.75rem;font-weight:700;letter-spacing:.5px;padding:4px 8px}.user-role.admin{background:var(--gradient-vip-gold)}.user-role.admin,.user-role.super-admin{border-color:var(--color-vip-gold);color:var(--color-text-dark)}.user-role.super-admin{background:var(--gradient-vip-premium);box-shadow:0 0 15px var(--color-vip-gold-shadow)}@media (max-width:768px){.top-navigation{margin-bottom:15px;padding:12px 15px}.nav-button{height:44px;width:44px}.nav-button svg{font-size:18px}.user-name{font-size:.8rem}.user-role{font-size:.7rem;padding:3px 6px}}@media (max-width:480px){.top-navigation{flex-direction:column;gap:10px;padding:15px}.user-info{align-items:center}.nav-buttons{order:2}.user-info{order:1}}.camera-capture{align-items:center;animation:coffeeBrew 1s ease-out;display:flex;flex-direction:column;height:100%;justify-content:center;margin:0 auto;max-height:100%;max-width:800px;overflow:hidden;width:100%}.camera-container{animation:coffeeBrew 1.2s ease-out;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:var(--color-glass-bg);border:1px solid var(--color-glass-border);border-radius:20px;box-shadow:0 8px 32px var(--color-shadow-primary);max-width:700px;overflow:visible;padding:35px;position:relative;width:100%}.webcam{margin-bottom:15px;max-height:500px}.camera-controls,.webcam{position:relative;z-index:1}.camera-controls{margin-bottom:20px}.capture-button{border-radius:40px;font-size:1.1rem;gap:10px;letter-spacing:1px;margin:auto;min-width:180px;padding:15px 25px}.button-icon{animation:iconPulse 2s ease-in-out infinite}.button-icon.MuiCircularProgress-root{animation:none;color:var(--color-brown-light-cream)}@keyframes iconPulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.capture-button:disabled .button-icon{animation:none}.capture-button:disabled .MuiCircularProgress-root{animation:spin 1s linear infinite}.capture-button:hover:not(:disabled){box-shadow:0 15px 35px #000000b3,0 0 0 2px var(--color-shadow-secondary);transform:translateY(-3px) scale(1.05)}.capture-button:active:not(:disabled){transform:translateY(-1px) scale(1.02)}.capture-button:disabled{transform:none}@media (max-width:768px){.camera-container{border-radius:15px;margin:5px;max-width:600px;padding:20px}.capture-button{border-radius:30px;font-size:1rem;min-width:auto;padding:12px 20px;width:100%}.error-message{font-size:.85rem;padding:12px}.alternative-actions{gap:10px}.phone-search-button,.register-no-image-button{border-radius:20px;font-size:.8rem;height:50px;padding:15px 16px}}.alternative-actions{display:flex;flex-direction:column;gap:15px;margin-top:20px;position:relative;z-index:1}.alternative-actions .back-button,.phone-search-button,.register-no-image-button{align-items:center;background:var(--gradient-light);border:1px solid var(--color-border-primary);border-radius:25px;box-shadow:0 4px 15px var(--color-shadow-primary),0 0 0 1px var(--color-shadow-light);color:var(--color-text-dark);cursor:pointer;display:flex;font-size:.9rem;font-weight:600;gap:8px;height:50px;justify-content:center;overflow:hidden;padding:15px 20px;position:relative;transition:all .3s ease}.alternative-actions .back-button{margin-bottom:0}.phone-search-button:before,.register-no-image-button:before{background:linear-gradient(90deg,#0000,var(--color-glass-bg),#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.phone-search-button:hover,.register-no-image-button:hover{background:var(--gradient-secondary);box-shadow:0 6px 20px var(--color-shadow-secondary),0 0 0 2px var(--color-border-secondary);color:var(--color-text-primary);transform:translateY(-2px)}.phone-search-button:hover:before,.register-no-image-button:hover:before{left:100%}.phone-search-button:active,.register-no-image-button:active{transform:translateY(0)}.phone-search-button:disabled,.register-no-image-button:disabled{box-shadow:none;cursor:not-allowed;opacity:.6;transform:none}.alternative-actions .back-button:hover{background:var(--gradient-secondary);border-color:var(--color-border-secondary);box-shadow:0 6px 20px var(--color-shadow-secondary);color:var(--color-text-primary);transform:translateY(-2px)}.alternative-actions .back-button:disabled{box-shadow:none;cursor:not-allowed;opacity:.6;transform:none}.phone-search-button .button-icon,.register-no-image-button .button-icon{animation:none;font-size:1rem}.spinner-wheel-overlay{align-items:center;animation:fadeIn .3s ease-out;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000d9;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:2000}.spinner-wheel-container{animation:slideIn .4s ease-out;background:linear-gradient(135deg,var(--color-brown-dark) 0,var(--color-brown-medium) 100%);border:3px solid var(--color-text-light);border-radius:20px;box-shadow:0 25px 50px var(--color-shadow-medium);max-height:85vh;max-width:500px;padding:40px;position:relative;width:90%}.spinner-header{text-align:center}.spinner-header h2{color:var(--color-text-light);font-size:2.2rem;margin:0 0 10px;text-shadow:0 2px 4px var(--color-shadow-dark)}.spinner-header p{color:#bdc3c7;font-size:1.1rem;font-weight:500;margin:0}.wheel-section{margin-bottom:30px}.wheel-container,.wheel-section{display:flex;justify-content:center;position:relative}.wheel-container{align-items:center;height:350px;width:350px}.spinner-actions{text-align:center}.spin-button{background:linear-gradient(135deg,#ff6b6b,#ee5a24);border:none;border-radius:50px;box-shadow:0 8px 25px #ff6b6b66;color:#fff;cursor:pointer;font-size:1.3rem;font-weight:700;letter-spacing:1px;overflow:hidden;padding:18px 35px;position:relative;text-shadow:0 1px 2px var(--color-shadow-medium);transition:all .3s cubic-bezier(.175,.885,.32,1.275)}.spin-button:before{background:linear-gradient(90deg,#0000,var(--color-glass-border-hover),#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s ease;width:100%}.spin-button:hover:not(:disabled){background:linear-gradient(135deg,#ee5a24,#ff6b6b);box-shadow:0 12px 35px #ff6b6b99;transform:translateY(-3px) scale(1.05)}.spin-button:hover:not(:disabled):before{left:100%}.spin-button:disabled{cursor:not-allowed;opacity:.7;transform:none}.spinning-message{align-items:center;display:flex;flex-direction:column;gap:20px}.spinner-animation{animation:spin 1s linear infinite;font-size:3.5rem}.spinning-message p{color:#fff;font-size:1.3rem;font-weight:600;margin:0}.result-section{animation:fadeInUp .6s ease-out}.result-card{background:linear-gradient(135deg,var(--color-brown-dark) 0,var(--color-brown-medium) 100%);border:3px solid var(--color-text-light);border-radius:20px;box-shadow:0 15px 35px var(--color-shadow-medium);padding:30px}.result-card h3{color:#fff;font-size:1.8rem;font-weight:700;margin:0 0 25px;text-align:center;text-shadow:0 2px 4px var(--color-shadow-medium)}.result-reward{margin-bottom:30px;text-align:center}.result-reward h4{color:#fff;font-size:1.5rem;font-weight:700;margin:0 0 15px;text-shadow:0 2px 4px var(--color-shadow-medium)}.result-reward p{color:#e8e8e8;font-size:1.1rem;line-height:1.5;margin:0}.claim-button{border-radius:50px;box-shadow:0 8px 25px #00b89466;color:#fff;font-size:1.1rem;font-weight:700;text-shadow:0 1px 2px var(--color-shadow-medium);transition:all .3s ease}.claim-button:hover{box-shadow:0 12px 35px #00b89499;transform:translateY(-2px)}.close-spinner-button{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--color-glass-border);border:2px solid var(--color-glass-border-hover);border-radius:50%;color:#fff;cursor:pointer;font-size:1.3rem;font-weight:700;height:45px;position:absolute;right:20px;top:20px;transition:all .3s ease;width:45px;z-index:10}.close-spinner-button:hover{background:var(--color-glass-border-hover);border-color:#ffffff80;transform:scale(1.1)}.error-message,.loading-message,.no-options-message{padding:50px 30px;text-align:center}.loading-message .loading-spinner{animation:spin 1s linear infinite;font-size:4rem;margin-bottom:25px}.error-message p,.loading-message p,.no-options-message p{color:#e8e8e8;font-size:1.2rem;margin:0}.error-message h3,.no-options-message h3{color:#fff;font-size:1.8rem;font-weight:700;margin:0 0 20px;text-shadow:0 2px 4px var(--color-shadow-medium)}.error-message .close-button,.no-options-message .close-button{background:linear-gradient(135deg,#ff6b6b,#ee5a24);border:none;border-radius:25px;box-shadow:0 6px 20px #ff6b6b66;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;margin-top:25px;padding:12px 25px;text-shadow:0 1px 2px var(--color-shadow-medium);transition:all .3s ease}.error-message .close-button:hover,.no-options-message .close-button:hover{background:linear-gradient(135deg,#ee5a24,#ff6b6b);box-shadow:0 8px 25px #ff6b6b99;transform:translateY(-2px)}@media (max-width:768px){.spinner-wheel-container{margin:20px;padding:30px 20px;width:calc(100% - 40px)}.spinner-header h2{font-size:1.8rem}.wheel-container{height:300px;width:300px}.spin-button{font-size:1.1rem;padding:15px 25px}.result-card{padding:25px}.result-card h3{font-size:1.5rem}.result-reward h4{font-size:1.3rem}.close-spinner-button{font-size:1.1rem;height:40px;right:15px;top:15px;width:40px}}@media (max-width:480px){.wheel-container{height:280px;width:280px}.spinner-header h2{font-size:1.5rem}.spinner-header p{font-size:1rem}}.checkout-modal-overlay{align-items:center;animation:fadeIn .5s ease;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#000c;bottom:0;display:flex;justify-content:center;left:0;padding:10px;position:fixed;right:0;top:0;z-index:1000}.checkout-modal{animation:slideUp .6s cubic-bezier(.175,.885,.32,1.275);background:linear-gradient(145deg,var(--color-bg-secondary),var(--color-bg-tertiary),var(--color-bg-quaternary));border-radius:20px;box-shadow:0 40px 80px #0009,0 0 0 2px var(--color-shadow-secondary),inset 0 1px 0 var(--color-glass-bg);max-width:500px;overflow-y:auto;padding:0;position:relative;width:100%}.coffee-image-section{background:linear-gradient(135deg,var(--color-bg-primary) 0,var(--color-bg-secondary) 50%,var(--color-bg-tertiary) 100%);overflow:hidden}.coffee-container,.coffee-image-section{align-items:center;display:flex;height:150px;justify-content:center;position:relative}.coffee-container{width:150px}.smoke-ring{animation:smokeRise 6s ease-out infinite;border:2px solid;border-radius:50%;height:100%;position:absolute;width:100%}@keyframes smokeRise{0%{opacity:.8;transform:scale(1) translateY(0)}50%{opacity:.4;transform:scale(1.5) translateY(-50px)}to{opacity:0;transform:scale(2) translateY(-100px)}}.coffee-particle{animation:particleFloat 8s ease-in-out infinite;background:linear-gradient(45deg,var(--color-brown-dark),var(--color-brown-medium));border-radius:50%;height:4px;position:absolute;width:4px}.coffee-backdrop{animation:backdropPulse 4s ease-in-out infinite;background:radial-gradient(circle at center,var(--color-shadow-primary) 0,#0000 70%);inset:-20px;position:absolute}@keyframes backdropPulse{0%,to{opacity:.3;transform:scale(1)}50%{opacity:.5;transform:scale(1.1)}}.coffee-image-container{align-items:center;display:flex;height:90px;justify-content:center;position:relative;width:90px;z-index:2}.coffee-cup{animation:coffeeBrew 2s ease-in-out infinite;background:linear-gradient(145deg,var(--color-brown-cream),var(--color-brown-light));border:3px solid var(--color-brown-dark);border-radius:50% 50% 50% 50%/60% 60% 40% 40%;box-shadow:0 10px 25px var(--color-shadow-dark),inset 0 2px 4px var(--color-glass-border);height:60px;position:relative;width:60px}.coffee-steam{height:25px;left:50%;position:absolute;top:-15px;transform:translateX(-50%);width:30px}.steam-line{animation:steamRise 3s ease-out infinite;background:linear-gradient(0deg,#fff9,#0000);border-radius:50%;position:absolute;width:2px}.steam-line:first-child{animation-delay:0s;height:15px;left:3px}.steam-line:nth-child(2){animation-delay:.5s;height:18px;left:50%;transform:translateX(-50%)}.steam-line:nth-child(3){animation-delay:1s;height:14px;right:3px}.coffee-liquid{animation:liquidSwirl 4s ease-in-out infinite;background:linear-gradient(135deg,#654321,var(--color-brown-dark));border-radius:50% 50% 0 0;bottom:8px;height:18px;left:8px;position:absolute;right:8px}@keyframes liquidSwirl{0%,to{transform:rotate(0deg)}50%{transform:rotate(5deg)}}.coffee-handle{border:3px solid var(--color-brown-dark);border-left:none;border-radius:0 15px 15px 0;height:25px;position:absolute;right:-6px;top:15px;width:15px}.coffee-beans{display:flex;gap:4px;position:absolute;right:-8px;top:-8px}.bean{animation:beanBounce 2s ease-in-out infinite;font-size:1rem}.bean:first-child{animation-delay:0s}.bean:nth-child(2){animation-delay:.3s}.bean:nth-child(3){animation-delay:.6s}@keyframes beanBounce{0%,to{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-5px) rotate(10deg)}}.corner-decoration{animation:cornerPulse 3s ease-in-out infinite;background:linear-gradient(45deg,var(--color-brown-dark),var(--color-brown-medium));border-radius:50%;height:6px;position:absolute;width:6px}.corner-decoration.top-right{animation-delay:0s;right:8px;top:8px}.corner-decoration.bottom-left{animation-delay:1.5s;bottom:8px;left:8px}@keyframes cornerPulse{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.3)}}.modal-header{background:linear-gradient(135deg,var(--color-bg-secondary),var(--color-bg-tertiary),var(--color-bg-quaternary));border-bottom:2px solid var(--color-shadow-primary);justify-content:center;margin:auto;padding:0;width:-webkit-min-content;width:min-content}.header-content{justify-content:space-between}.yavro-branding{gap:10px;justify-content:center;width:100%}.yavro-icon{animation:iconGlow 3s ease-in-out infinite;height:28px;object-fit:contain;width:auto}@keyframes iconGlow{0%,to{filter:drop-shadow(0 0 5px var(--color-shadow-secondary))}50%{filter:drop-shadow(0 0 15px rgba(139,69,19,.7))}}.yavro-branding h2{animation:textGlow 3s ease-in-out infinite;color:var(--color-brown-cream);font-size:1.5rem;font-weight:700;letter-spacing:1px;margin:0;text-shadow:2px 2px 4px var(--color-shadow-dark)}@keyframes textGlow{0%,to{text-shadow:2px 2px 4px var(--color-shadow-dark)}50%{text-shadow:2px 2px 8px #000,0 0 20px var(--color-shadow-secondary)}}.close-button{color:var(--color-brown-cream);font-size:1.1rem}.checkout-modal.success{background:linear-gradient(145deg,var(--color-bg-secondary),var(--color-bg-tertiary),var(--color-bg-quaternary));padding:40px;text-align:center}.success-content{align-items:center;display:flex;flex-direction:column;gap:20px;position:relative;z-index:1}.success-icon{animation:coffeeCelebration 1.5s ease-out;filter:drop-shadow(0 0 20px rgba(255,215,0,.8));font-size:4rem}.success-content h2{animation:coffeeGlow 2s ease-in-out infinite alternate;color:var(--color-brown-cream);font-size:2rem;font-weight:700;margin:0;text-shadow:2px 2px 4px var(--color-shadow-dark)}.success-content p{animation:fadeInUp .8s ease-out .3s both;color:var(--color-brown-light);font-size:1rem;font-weight:600;margin:0}.reward-notification{animation:coffeeReward 2s ease-in-out infinite;background:linear-gradient(135deg,var(--color-brown-dark) 0,var(--color-brown-medium) 50%,var(--color-brown-light) 100%);border-radius:15px;box-shadow:0 15px 35px var(--color-shadow-primary),0 0 0 2px #cd853f66;margin:20px 0;overflow:hidden;padding:20px;position:relative}.reward-notification:before{animation:coffeeRotate 8s linear infinite;background:conic-gradient(from 0deg,#0000,var(--color-glass-bg),#0000);content:"";height:200%;left:-50%;pointer-events:none;position:absolute;top:-50%;width:200%}.reward-notification h3{color:var(--color-brown-light-cream);font-size:1.3rem;font-weight:700;margin:0 0 12px;position:relative;z-index:1}.reward-notification p{color:var(--color-brown-cream);font-size:1rem;font-weight:700;margin:6px 0;position:relative;z-index:1}.closing-message{animation:coffeePulse 2s ease-in-out infinite;color:var(--color-brown-light);font-style:italic;font-weight:600}.customer-info{align-items:center;border-bottom:2px solid var(--color-shadow-primary);display:flex;gap:20px;padding:25px 30px;position:relative;z-index:1}.customer-avatar{align-items:center;animation:coffeeBrew .8s ease-out;background:linear-gradient(135deg,var(--color-brown-dark) 0,var(--color-brown-medium) 50%,var(--color-brown-light) 100%);border-radius:50%;box-shadow:0 10px 25px var(--color-shadow-dark),0 0 0 2px var(--color-shadow-secondary);color:var(--color-brown-light-cream);display:flex;font-size:2rem;height:60px;justify-content:center;width:60px}.customer-details h3{color:var(--color-brown-cream);font-size:1.3rem;font-weight:700;margin:0 0 6px;text-shadow:1px 1px 2px var(--color-shadow-dark)}.customer-details p{color:var(--color-brown-light);font-size:.9rem;font-weight:500;margin:3px 0}.reward-status{border-bottom:2px solid var(--color-shadow-primary);padding:25px 30px;position:relative;z-index:1}.reward-status h3{color:var(--color-brown-cream);font-size:1.2rem;font-weight:700;margin:0 0 20px;text-shadow:1px 1px 2px var(--color-shadow-dark)}.current-tier{background:linear-gradient(135deg,var(--color-bg-tertiary),var(--color-bg-quaternary));border:2px solid var(--color-brown-dark);border-radius:12px;box-shadow:0 5px 15px var(--color-shadow-medium);margin-bottom:20px;padding:15px}.current-tier h4{color:var(--color-brown-cream);font-size:1.1rem;font-weight:700;margin:0 0 8px;text-shadow:1px 1px 2px var(--color-shadow-dark)}.current-tier p{color:var(--color-brown-light);font-size:.9rem;font-weight:500;margin:0}.visit-counter{display:flex;flex-direction:column;gap:15px}.visit-info{gap:15px}.visit-info,.visit-number{align-items:center;display:flex}.visit-number{animation:coffeePulse 3s ease-in-out infinite;background:linear-gradient(135deg,var(--color-brown-dark) 0,var(--color-brown-medium) 50%,var(--color-brown-light) 100%);border-radius:50%;box-shadow:0 10px 25px var(--color-shadow-dark),0 0 0 2px var(--color-shadow-secondary);color:var(--color-brown-light-cream);font-size:1.5rem;font-weight:700;height:50px;justify-content:center;width:50px}.visit-label{color:var(--color-brown-cream);font-size:1rem;font-weight:700;text-shadow:1px 1px 2px var(--color-shadow-dark)}.progress-bar{background:linear-gradient(145deg,var(--color-bg-secondary),var(--color-bg-tertiary));border-radius:8px;box-shadow:inset 0 2px 4px var(--color-shadow-medium),0 0 0 2px var(--color-shadow-primary);height:12px;overflow:hidden}.progress-fill{background:linear-gradient(135deg,var(--color-brown-dark) 0,var(--color-brown-medium) 50%,var(--color-brown-light) 100%);box-shadow:0 0 10px #8b451399;height:100%;overflow:hidden;position:relative;transition:width .8s cubic-bezier(.175,.885,.32,1.275)}.progress-fill:after{animation:progressShine 2s ease-in-out infinite;background:linear-gradient(90deg,#0000,var(--color-glass-border),#0000);content:"";height:100%;left:-100%;position:absolute;top:0;width:100%}.visits-remaining{color:var(--color-brown-light);font-size:.9rem;font-weight:600;text-align:center}.reward-alert{animation:coffeeReward 2s ease-in-out infinite;background:linear-gradient(135deg,var(--color-brown-dark) 0,var(--color-brown-medium) 50%,var(--color-brown-light) 100%);border-radius:12px;box-shadow:0 10px 25px var(--color-shadow-primary),0 0 0 2px #cd853f66;margin-top:15px;overflow:hidden;padding:15px;position:relative;text-align:center}.reward-alert:before{animation:coffeeRotate 6s linear infinite reverse;background:conic-gradient(from 180deg,#0000,var(--color-glass-bg),#0000);content:"";height:200%;left:-50%;pointer-events:none;position:absolute;top:-50%;width:200%}.reward-alert h4{color:var(--color-brown-light-cream);font-size:1rem;margin:0 0 6px}.reward-alert h4,.reward-alert p{font-weight:700;position:relative;z-index:1}.reward-alert p{color:var(--color-brown-cream);font-size:.9rem;margin:0}.spinner-hint,.spinner-note{animation:coffeeGlow 2s ease-in-out infinite alternate;color:var(--color-brown-light-cream)!important;font-size:1rem!important;font-weight:700!important;text-shadow:1px 1px 2px var(--color-shadow-dark)!important}.checkout-actions{padding:25px 30px;position:relative;z-index:1}.cancel-button,.checkout-button{border:none;border-radius:20px;cursor:pointer;flex:1 1;font-size:1rem;font-weight:700;letter-spacing:.5px;overflow:hidden;padding:15px 20px;position:relative;text-shadow:1px 1px 2px var(--color-shadow-dark);transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.cancel-button{box-shadow:0 8px 25px var(--color-shadow-dark),0 0 0 1px var(--color-shadow-primary)}.cancel-button:hover:not(:disabled){background:linear-gradient(135deg,var(--color-bg-tertiary) 0,var(--color-bg-quaternary) 100%);box-shadow:0 12px 30px #000000b3,0 0 0 2px var(--color-shadow-secondary);transform:translateY(-2px) scale(1.03)}.checkout-button{background:linear-gradient(135deg,var(--color-brown-dark) 0,var(--color-brown-medium) 50%,var(--color-brown-light) 100%);box-shadow:0 8px 25px var(--color-shadow-dark),0 0 0 1px var(--color-shadow-primary);color:var(--color-brown-light-cream)}.checkout-button:hover:not(:disabled){background:linear-gradient(135deg,var(--color-brown-medium) 0,var(--color-brown-light) 50%,var(--color-brown-cream) 100%);box-shadow:0 12px 30px #000000b3,0 0 0 2px var(--color-shadow-secondary);transform:translateY(-2px) scale(1.03)}.cancel-button:disabled,.checkout-button:disabled{animation:coffeePulse 2s ease-in-out infinite;cursor:not-allowed;opacity:.6;transform:none}.visit-info-section{animation:fadeInUp .8s ease-out .2s both;background:linear-gradient(135deg,var(--color-bg-tertiary),var(--color-bg-quaternary));border:2px solid var(--color-brown-dark);border-radius:15px;box-shadow:0 8px 25px var(--color-shadow-medium);margin:20px 0;padding:20px}.visit-info-section h3{color:var(--color-brown-cream);font-size:1.2rem;font-weight:700;margin:0 0 15px;text-shadow:1px 1px 2px var(--color-shadow-dark)}.visit-details{display:flex;flex-direction:column;gap:8px}.visit-details p{color:var(--color-brown-light);font-size:1rem;font-weight:600;margin:0}.visit-details strong{color:var(--color-brown-cream);font-weight:700}.reward-details{display:flex;flex-direction:column;gap:10px;margin-top:10px}.reward-message{color:var(--color-brown-light-cream)!important;font-size:1.1rem!important;font-weight:700!important;text-shadow:1px 1px 2px var(--color-shadow-dark)!important}.reward-tier{color:var(--color-brown-cream)!important;font-size:.95rem!important;font-weight:600!important}.discount-value{color:var(--color-brown-light-cream)!important;font-size:1rem!important;font-weight:700!important;text-shadow:1px 1px 2px var(--color-shadow-dark)!important}.spinner-result{animation:coffeeReward 2s ease-in-out infinite;background:linear-gradient(135deg,var(--color-bg-quaternary),var(--color-bg-tertiary));border:2px solid var(--color-brown-light);border-radius:12px;box-shadow:0 5px 15px var(--color-shadow-primary);margin-top:15px;padding:15px}.spinner-result h4{color:var(--color-brown-light-cream);font-size:1.1rem;font-weight:700;margin:0 0 10px;text-shadow:1px 1px 2px var(--color-shadow-dark)}.spinner-won-reward{color:var(--color-brown-cream)!important;font-size:1rem!important;font-weight:700!important;margin:5px 0!important}.spinner-description{color:var(--color-brown-light)!important;font-size:.9rem!important;font-weight:600!important;margin:5px 0!important}.spinner-value{color:var(--color-brown-light-cream)!important;font-size:.95rem!important;font-weight:700!important;margin:5px 0!important;text-shadow:1px 1px 2px var(--color-shadow-dark)!important}.success-actions{animation:fadeInUp .8s ease-out .4s both;margin-top:25px}.close-success-button{background:linear-gradient(135deg,var(--color-brown-dark) 0,var(--color-brown-medium) 50%,var(--color-brown-light) 100%);border:none;border-radius:25px;box-shadow:0 8px 25px var(--color-shadow-dark),0 0 0 2px var(--color-shadow-primary);color:var(--color-brown-light-cream);cursor:pointer;font-size:1rem;font-weight:700;letter-spacing:.5px;padding:15px 30px;text-shadow:1px 1px 2px var(--color-shadow-dark);transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.close-success-button:hover{background:linear-gradient(135deg,var(--color-brown-medium) 0,var(--color-brown-light) 50%,var(--color-brown-cream) 100%);box-shadow:0 12px 30px #000000b3,0 0 0 3px var(--color-shadow-secondary);transform:translateY(-2px) scale(1.03)}@keyframes slideUp{0%{opacity:0;transform:translateY(50px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes coffeeReward{0%,to{box-shadow:0 10px 25px var(--color-shadow-primary),0 0 0 2px #cd853f66;transform:scale(1)}50%{box-shadow:0 15px 35px #8b4513b3,0 0 0 3px #cd853f99;transform:scale(1.05)}}@keyframes progressShine{0%{left:-100%}to{left:100%}}@media (max-width:768px){.checkout-modal-overlay{padding:5px}.checkout-modal{border-radius:15px;max-height:"min-content";max-width:450px}.coffee-image-section{height:120px}.coffee-container{height:120px;width:120px}.coffee-cup{height:50px;width:50px}.modal-header{padding:0}.checkout-actions,.customer-info,.reward-status{padding:20px 25px}.action-buttons{flex-direction:column;gap:12px}.customer-info{flex-direction:column;gap:15px;text-align:center}.customer-avatar{font-size:1.8rem;height:50px;width:50px}.success-content h2{font-size:1.8rem}.success-icon{font-size:3rem}.reward-notification{padding:15px}.reward-notification h3{font-size:1.1rem}.reward-notification p{font-size:.9rem}.visit-info-section{padding:15px}.visit-info-section h3{font-size:1.1rem}.visit-details p{font-size:.9rem}.spinner-result{padding:12px}.spinner-result h4{font-size:1rem}.close-success-button{font-size:.9rem;padding:12px 25px}}.success-icon .MuiSvgIcon-root{animation:celebrationBounce 1s ease-in-out infinite;color:var(--color-brown-cream);font-size:3rem}.reward-alert h4 .MuiSvgIcon-root,.reward-notification h3 .MuiSvgIcon-root{color:var(--color-brown-cream);font-size:1.5rem;margin-right:8px;vertical-align:middle}.close-button .MuiSvgIcon-root{color:var(--color-brown-light);font-size:1.5rem}.customer-avatar .MuiSvgIcon-root{color:var(--color-brown-cream);font-size:2.5rem}.reward-status h3 .MuiSvgIcon-root{color:var(--color-brown-cream);font-size:1.3rem;margin-right:8px;vertical-align:middle}.checkout-button .MuiSvgIcon-root{font-size:1.2rem;margin-right:8px;vertical-align:middle}@keyframes celebrationBounce{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.user-registration{align-items:flex-start;animation:coffeeBrew 1.2s ease-out;display:flex;height:100%;justify-content:center;max-height:100%;overflow:hidden;padding:10px}.registration-container{animation:coffeeBrew 1.4s ease-out;background:linear-gradient(145deg,var(--color-bg-secondary),var(--color-bg-tertiary),var(--color-bg-quaternary));border-radius:20px;max-width:700px;overflow:hidden;padding:25px;position:relative;width:100%}.registration-container:before{animation:coffeeRotate 12s linear infinite reverse;background:conic-gradient(from 180deg,#0000,#8b45131a,#0000);content:"";height:200%;left:-50%;pointer-events:none;position:absolute;top:-50%;width:200%}.header-icon{font-size:1.5rem!important;margin-right:10px}.header-icon,.section-icon{color:var(--color-brown-cream);vertical-align:middle}.section-icon{font-size:1.2rem!important;margin-right:8px}.label-icon{color:var(--color-brown-cream);font-size:1rem!important;margin-right:6px;vertical-align:middle}.button-icon{color:inherit;font-size:1.1rem!important;margin-right:8px;vertical-align:middle}.success-icon{color:#90ee90;margin-right:6px;vertical-align:middle}.loading-spinner{animation:spin 1s ease-in-out infinite;border:2px solid #f5deb34d;border-top:2px solid var(--color-brown-light-cream);display:inline-block;margin-right:8px}.registration-content{grid-gap:25px;align-items:start;display:grid;gap:25px;position:relative;z-index:1}.camera-section,.form-section{animation:fadeInUp 1s ease-out both;display:flex;flex-direction:column}.camera-section{animation-delay:.2s}.form-section{animation-delay:.4s}.registration-container h2{animation:coffeeGlow 3s ease-in-out infinite alternate;font-size:1.8rem;justify-content:center;margin-bottom:20px;position:relative;text-align:center;text-shadow:2px 2px 4px var(--color-shadow-dark);z-index:1}.camera-section h3,.form-section h3,.registration-container h2{align-items:center;color:var(--color-brown-cream);display:flex;font-weight:700}.camera-section h3,.form-section h3{font-size:1.2rem;margin-bottom:15px;text-shadow:1px 1px 2px var(--color-shadow-dark)}.webcam{border:3px solid var(--color-brown-dark);border-radius:15px;box-shadow:0 15px 30px var(--color-shadow-dark),0 0 0 2px var(--color-shadow-primary);margin-bottom:12px;max-height:400px;object-fit:cover;transition:all .3s ease;width:100%}.webcam:hover{box-shadow:0 20px 40px #000000b3,0 0 0 3px var(--color-shadow-secondary);transform:scale(1.02)}.capture-button{align-items:center;background:linear-gradient(135deg,var(--color-brown-dark) 0,var(--color-brown-medium) 50%,var(--color-brown-light) 100%);border:none;border-radius:20px;box-shadow:0 8px 25px var(--color-shadow-dark),0 0 0 1px var(--color-shadow-primary);color:var(--color-brown-light-cream);cursor:pointer;display:flex;font-size:1rem;font-weight:700;justify-content:center;letter-spacing:.5px;margin-bottom:12px;overflow:hidden;padding:12px 20px;position:relative;text-shadow:1px 1px 2px var(--color-shadow-dark);transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.capture-button:before{background:linear-gradient(90deg,#0000,var(--color-glass-border),#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.capture-button:hover:not(:disabled){background:linear-gradient(135deg,var(--color-brown-medium) 0,var(--color-brown-light) 50%,var(--color-brown-cream) 100%);box-shadow:0 12px 30px #000000b3,0 0 0 2px var(--color-shadow-secondary);transform:translateY(-2px) scale(1.03)}.capture-button:hover:not(:disabled):before{left:100%}.capture-button:disabled{animation:coffeePulse 2s ease-in-out infinite;cursor:not-allowed;opacity:.6}.captured-image{align-items:center;animation:coffeeBrew .6s ease-out;background:linear-gradient(145deg,var(--color-bg-secondary),var(--color-bg-tertiary));border:2px solid var(--color-brown-dark);border-radius:12px;box-shadow:0 5px 15px var(--color-shadow-medium);display:flex;gap:10px;padding:15px}.captured-image img{border:2px solid var(--color-brown-dark);border-radius:8px;height:40px;object-fit:cover;width:50px}.captured-image span{align-items:center;color:var(--color-brown-cream);display:flex;font-size:1rem;font-weight:700}.form-group{animation:fadeInUp .6s ease-out both;margin-bottom:18px}.form-group:first-child{animation-delay:.6s}.form-group:nth-child(2){animation-delay:.8s}.form-group:nth-child(3){animation-delay:1s}.form-group label{font-weight:700;margin-bottom:0!important;text-align:left}.form-group input{font-size:.9rem;font-weight:500}.error-message{animation:shakeError .5s ease-in-out;background:linear-gradient(135deg,var(--color-bg-quaternary),var(--color-bg-tertiary));border-left:5px solid var(--color-brown-dark);box-shadow:0 5px 15px var(--color-shadow-primary);color:#ffb6c1;font-weight:600;margin:15px 0;padding:15px}.privacy-consent-group{margin-bottom:15px;margin-top:15px}.privacy-checkbox-container{align-items:flex-start;display:flex;gap:8px;width:100%}.privacy-label{word-wrap:break-word;align-items:flex-start;color:var(--color-brown-light-cream);cursor:pointer;display:flex;flex-wrap:wrap;font-size:.9rem;line-height:1.3;margin:0;-webkit-user-select:none;user-select:none;width:calc(100% - 32px)}.privacy-policy-link{background:none;border:none;color:var(--color-brown-cream);cursor:pointer;font-size:inherit;font-weight:600;margin:0 3px;padding:0;text-decoration:underline;transition:all .3s ease;white-space:nowrap}.privacy-policy-link:hover{color:var(--color-brown-light-cream);text-shadow:0 0 8px #deb88799}.privacy-modal-overlay{align-items:center;animation:fadeIn .3s ease-out;background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.privacy-modal{animation:slideInUp .3s ease-out;background:linear-gradient(145deg,var(--color-bg-secondary),var(--color-bg-tertiary),var(--color-bg-quaternary));border-radius:20px;box-shadow:0 20px 40px var(--color-shadow-dark),0 0 0 2px var(--color-shadow-primary);max-height:80vh;max-width:500px;overflow-y:auto;padding:25px;position:relative;width:90%}.privacy-modal-header{align-items:center;border-bottom:2px solid var(--color-shadow-primary);display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:15px}.privacy-modal-header h3{color:var(--color-brown-cream);font-size:1.4rem;font-weight:700;margin:0;text-shadow:1px 1px 2px var(--color-shadow-dark)}.privacy-modal-close{align-items:center;background:none;border:none;border-radius:50%;color:var(--color-brown-cream);cursor:pointer;display:flex;font-size:1.8rem;height:30px;justify-content:center;padding:0;transition:all .3s ease;width:30px}.privacy-modal-close:hover{background:var(--color-shadow-primary);color:var(--color-brown-light-cream);transform:scale(1.1)}.privacy-modal-content{color:var(--color-brown-light-cream);font-size:1rem;line-height:1.6}.privacy-modal-content p{margin:0;text-align:justify}.form-actions{animation:fadeInUp 1s ease-out 1.2s both}.back-button,.register-button{align-items:center;border:none;border-radius:20px;cursor:pointer;display:flex;flex:1 1;font-size:1rem;font-weight:700;justify-content:center;letter-spacing:.5px;overflow:hidden;padding:15px 20px;position:relative;text-shadow:1px 1px 2px var(--color-shadow-dark);transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.back-button{background:linear-gradient(135deg,var(--color-bg-secondary) 0,var(--color-bg-tertiary) 100%);box-shadow:0 8px 25px var(--color-shadow-dark),0 0 0 1px var(--color-shadow-primary);color:var(--color-brown-light)}.back-button:hover:not(:disabled){background:linear-gradient(135deg,var(--color-bg-tertiary) 0,var(--color-bg-quaternary) 100%);box-shadow:0 12px 30px #000000b3,0 0 0 2px var(--color-shadow-secondary);transform:translateY(-2px) scale(1.03)}.register-button{background:linear-gradient(135deg,var(--color-brown-dark) 0,var(--color-brown-medium) 50%,var(--color-brown-light) 100%);box-shadow:0 8px 25px var(--color-shadow-dark),0 0 0 1px var(--color-shadow-primary);color:var(--color-brown-light-cream)}.register-button:hover:not(:disabled){background:linear-gradient(135deg,var(--color-brown-medium) 0,var(--color-brown-light) 50%,var(--color-brown-cream) 100%);box-shadow:0 12px 30px #000000b3,0 0 0 2px var(--color-shadow-secondary);transform:translateY(-2px) scale(1.03)}.back-button:disabled,.register-button:disabled{animation:coffeePulse 2s ease-in-out infinite;cursor:not-allowed;opacity:.6;transform:none}@keyframes shakeError{0%,to{transform:translateX(0)}25%{transform:translateX(-5px)}75%{transform:translateX(5px)}}@keyframes slideInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.user-registration{padding:5px}.registration-container{border-radius:15px;margin:5px;max-width:100%;padding:20px}.registration-content{gap:20px;grid-template-columns:1fr}.registration-container h2{font-size:1.5rem;margin-bottom:15px}.form-actions{flex-direction:column;gap:12px;margin-top:20px}.capture-button{border-radius:15px;font-size:.9rem;padding:10px 15px}.form-group{margin-bottom:15px}.form-group label{font-size:.85rem}.form-group input{font-size:.85rem;padding:10px 12px}.captured-image{padding:12px}.captured-image img{height:35px;width:45px}.captured-image span{font-size:.9rem}.error-message{font-size:.85rem;padding:12px}.privacy-consent-group{margin-bottom:12px;margin-top:12px}.privacy-checkbox-container{gap:6px}.privacy-label{font-size:.8rem;line-height:1.2}.privacy-modal{max-width:90%;padding:20px;width:95%}.privacy-modal-header h3{font-size:1.2rem}.privacy-modal-content{font-size:.9rem}}.phone-search{align-items:center;display:flex;justify-content:center;min-height:100vh;padding:20px}.search-container{animation:slideIn .5s ease-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border-radius:20px;box-shadow:0 20px 40px var(--color-shadow-medium);max-width:500px;padding:40px;width:100%}.search-container h2{align-items:center;color:#333;display:flex;font-size:1.8rem;font-weight:600;gap:10px;justify-content:center;margin-bottom:30px;text-align:center}.header-icon{color:#8b4513;font-size:2rem}.search-content{display:flex;flex-direction:column;gap:20px}.form-group{gap:8px}.form-group label{color:#555;font-size:.95rem;gap:8px}.label-icon{color:#8b4513;font-size:1.2rem}.form-group input{background:#fff;border:2px solid #e0e0e0;padding:12px 16px}.form-group input:focus{border-color:#8b4513;box-shadow:0 0 0 3px #8b45131a;transform:translateY(-1px)}.form-group input:disabled{background-color:#f8f9fa;cursor:not-allowed;opacity:.7}.error-message{animation:shake .5s ease-in-out;background-color:#fee;font-size:.9rem}@keyframes shake{0%,to{transform:translateX(0)}25%{transform:translateX(-5px)}75%{transform:translateX(5px)}}.form-actions{justify-content:space-between;margin-top:10px}.back-button,.search-button{align-items:center;border:none;border-radius:10px;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:8px;justify-content:center;min-width:120px;padding:12px 24px;transition:all .3s ease}.back-button{background:#f8f9fa;border:2px solid #e0e0e0;color:#666}.back-button:hover{background:#e9ecef;box-shadow:0 4px 12px #0000001a}.search-button{background:linear-gradient(135deg,#8b4513,sienna);color:#fff;flex:1 1}.search-button:hover{box-shadow:0 8px 20px var(--color-shadow-secondary);transform:translateY(-2px)}.back-button:disabled,.search-button:disabled{cursor:not-allowed;opacity:.6;transform:none}.button-icon{font-size:1.2rem}.loading-spinner{border:2px solid var(--color-glass-border-hover);border-radius:50%;border-top:2px solid #fff;height:16px;width:16px}@media (max-width:768px){.search-container{margin:10px;padding:30px 20px}.search-container h2{font-size:1.5rem}.form-actions{flex-direction:column}.back-button,.search-button{width:100%}}.user-not-found-options{align-items:center;display:flex;justify-content:center;min-height:60vh;padding:20px}.not-found-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,var(--color-brown-very-light) 0,var(--color-brown-cream) 100%);border:2px solid var(--color-brown-dark);border-radius:20px;box-shadow:0 10px 30px var(--color-shadow-light-dark);max-width:500px;padding:40px;text-align:center;width:100%}.not-found-message h2{color:var(--color-brown-dark);font-size:1.8rem;font-weight:700;margin-bottom:15px}.not-found-message p{color:var(--color-brown-dark);font-size:1rem;line-height:1.5;margin-bottom:30px}.action-buttons{flex-direction:column;margin-bottom:30px}.back-button-container{border-top:1px solid var(--color-brown-dark);padding-top:20px}@media (max-width:768px){.not-found-container{margin:10px;padding:30px 20px}.not-found-message h2{font-size:1.5rem}.not-found-message p{font-size:.9rem}}.manager-verification-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.manager-verification-modal{background:#fff;border-radius:12px;box-shadow:0 10px 30px #0000004d;max-height:80vh;max-width:600px;overflow-y:auto;width:90%}.manager-verification-header{align-items:center;background-color:#f8f9fa;border-bottom:1px solid #e0e0e0;border-radius:12px 12px 0 0;display:flex;justify-content:space-between;padding:20px}.manager-verification-header h2{color:#333;font-size:1.5rem;margin:0}.close-button{color:#666}.close-button:hover{background-color:#e9ecef}.manager-verification-content{padding:20px}.user-info{background-color:#e3f2fd;border-left:4px solid #2196f3;padding:15px}.user-info h3{color:#1976d2;font-size:1.2rem;margin:0 0 8px}.user-info p{color:#555}.step-info,.verification-step{margin-bottom:20px}.step-info h4{color:#333;font-size:1.1rem;margin:0 0 10px}.step-info p{color:#666;margin:0 0 15px}.instructions{background-color:#fff3cd;border:1px solid #ffeaa7;border-radius:8px;margin-bottom:15px;padding:15px}.instructions p{color:#856404;font-weight:600;margin:0 0 10px}.instructions ol{color:#856404;margin:0;padding-left:20px}.instructions li{margin-bottom:5px}.verification-status{background-color:#d1ecf1;border:1px solid #bee5eb;border-radius:8px;margin-bottom:15px;padding:15px}.verification-status p{align-items:center;color:#0c5460;display:flex;gap:8px;margin:5px 0}.success-icon{color:var(--color-success);font-size:1rem!important}.password-section label{color:#333}.password-input{border:2px solid #ddd}.password-input:focus{border-color:#007bff}.create-verification-button,.verify-button{background-color:#28a745;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;padding:12px 24px;transition:background-color .2s;width:100%}.create-verification-button:hover:not(:disabled),.verify-button:hover:not(:disabled){background-color:#218838}.create-verification-button:disabled,.verify-button:disabled{background-color:#ccc;cursor:not-allowed}.error-message{background-color:#f8d7da;border:1px solid #f5c6cb;color:#721c24}.result-message{padding:15px}.result-message.success{background-color:#d4edda;border:1px solid #c3e6cb;color:#155724}.result-message.warning{background-color:#fff3cd;border:1px solid #ffeaa7;color:#856404}.result-message h4{font-size:1.1rem;margin:0 0 10px}.result-icon{font-size:1.3rem!important}.result-message p{margin:5px 0}.manager-verification-footer{background-color:#f8f9fa;border-radius:0 0 12px 12px;border-top:1px solid #e0e0e0;display:flex;justify-content:flex-end;padding:20px}.cancel-button{background-color:#6c757d;color:#fff}.cancel-button:hover{background-color:#545b62}@media (max-width:480px){.manager-verification-modal{margin:10px;width:95%}.manager-verification-content,.manager-verification-footer,.manager-verification-header{padding:15px}}.vip-coffee-claim-overlay{align-items:center;background-color:var(--color-shadow-dark);bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.vip-coffee-claim-modal{background:var(--gradient-light);border:2px solid var(--color-border-primary);border-radius:12px;box-shadow:var(--color-shadow-dark);max-height:80vh;max-width:500px;overflow-y:auto;width:90%}.vip-coffee-claim-header{align-items:center;background:var(--color-warning);border-bottom:1px solid var(--color-border-primary);border-radius:12px 12px 0 0;display:flex;justify-content:space-between;padding:20px}.vip-coffee-claim-header h2{font-size:1.5rem;font-weight:700;margin:0}.close-button,.vip-coffee-claim-header h2{color:var(--color-text-dark)}.vip-coffee-claim-content{padding:20px}.user-info{border:2px solid var(--color-warning)}.user-info p{margin:0 0 15px}.vip-badge{background:var(--color-warning);border:2px solid var(--color-border-primary);border-radius:20px;box-shadow:var(--color-shadow-primary);color:var(--color-text-dark);display:inline-block;font-size:.9rem;font-weight:700;padding:8px 16px}.claim-info,.claim-section{margin-bottom:20px}.claim-info{text-align:center}.claim-info h4{color:var(--color-text-dark);font-size:1.2rem;margin:0 0 10px}.claim-info p{color:var(--color-text-secondary);line-height:1.5;margin:0}.password-section{margin-bottom:20px}.password-section label{color:var(--color-text-primary);display:block;font-weight:600;margin-bottom:8px}.password-input{background:var(--color-input-bg);border:2px solid var(--color-input-border);border-radius:8px;color:var(--color-input-text);font-size:16px;padding:12px;transition:border-color .2s;width:100%}.password-input:focus{border-color:var(--color-input-border-focus);box-shadow:0 0 0 3px var(--color-shadow-light);outline:none}.claim-button{background:var(--color-success-bg);border:none;border-radius:8px;box-shadow:var(--color-shadow-primary);color:var(--color-text-light);cursor:pointer;font-size:16px;font-weight:600;padding:15px 30px;transition:all .2s;width:100%}.claim-button:hover:not(:disabled){background:var(--color-success-hover);box-shadow:var(--color-shadow-secondary);transform:translateY(-2px)}.claim-button:disabled{background:var(--color-muted);box-shadow:none;cursor:not-allowed;transform:none}.result-message.warning{background:var(--color-warning);border:2px solid var(--color-border-primary);color:var(--color-text-dark)}.result-icon.warning{color:var(--color-warning)}.claim-info,.time-info{background-color:var(--color-glass-bg);border:1px solid var(--color-glass-border);border-radius:6px;margin:10px 0;padding:10px}.claim-info p,.time-info p{font-weight:600;margin:5px 0}.vip-coffee-claim-footer{background:var(--gradient-dark);border-radius:0 0 12px 12px;border-top:1px solid var(--color-border-primary);display:flex;justify-content:flex-end;padding:20px}@media (max-width:480px){.vip-coffee-claim-modal{margin:10px;width:95%}.user-info,.vip-coffee-claim-content,.vip-coffee-claim-footer,.vip-coffee-claim-header{padding:15px}.claim-button{padding:12px 24px}}.vip-coffee-popup-overlay{align-items:center;animation:fadeIn .5s ease;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#000c;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.vip-coffee-popup-modal{animation:vipPopupSlideIn .6s cubic-bezier(.175,.885,.32,1.275);background:linear-gradient(145deg,var(--color-bg-secondary),var(--color-bg-tertiary),var(--color-bg-quaternary));border:3px solid var(--color-brown-dark);border-radius:20px;box-shadow:0 40px 80px #0009,0 0 0 2px var(--color-shadow-secondary),inset 0 1px 0 var(--color-glass-bg);max-height:80vh;max-width:500px;overflow-y:auto;position:relative;width:90%}@keyframes vipPopupSlideIn{0%{opacity:0;transform:translateY(50px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.vip-coffee-popup-header{align-items:center;background:linear-gradient(135deg,var(--color-brown-dark) 0,var(--color-brown-medium) 100%);border-bottom:2px solid var(--color-brown-medium);border-radius:17px 17px 0 0;display:flex;justify-content:space-between;padding:25px;position:relative;z-index:1}.vip-header-content{align-items:center;display:flex;gap:15px}.vip-star-icon{animation:starGlow 2s ease-in-out infinite alternate;color:var(--color-text-dark);font-size:2rem!important}.vip-coffee-popup-header h2{color:var(--color-brown-light-cream);font-size:1.6rem;font-weight:700;letter-spacing:1px;margin:0;text-shadow:2px 2px 4px var(--color-shadow-dark)}.vip-coffee-popup-content{padding:25px;position:relative;z-index:1}.user-info{background:linear-gradient(135deg,var(--color-bg-tertiary),var(--color-bg-quaternary));border:2px solid var(--color-brown-dark);border-radius:12px;box-shadow:0 8px 25px var(--color-shadow-medium);margin-bottom:25px;text-align:center}.user-info h3{color:var(--color-brown-cream);font-size:1.4rem;font-weight:700;text-shadow:1px 1px 2px var(--color-shadow-dark)}.user-info p{color:var(--color-brown-light);margin:8px 0}.vip-validity{background:linear-gradient(135deg,var(--color-bg-secondary),var(--color-bg-tertiary));border:1px solid var(--color-brown-medium);border-radius:8px;box-shadow:0 4px 12px var(--color-shadow-primary);margin-top:15px;padding:10px}.coffee-status-section{margin-bottom:25px}.status-message{animation:statusPulse 2s ease-in-out infinite;border:2px solid;border-radius:15px;padding:25px;text-align:center}@keyframes statusPulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}.status-message.available{background:linear-gradient(135deg,#1c2cc1,#6f9ebc);border-color:#00b894;color:var(--color-brown-light-cream)}.status-message.cooldown{background:linear-gradient(135deg,var(--color-brown-dark) 0,var(--color-brown-medium) 100%);border-color:var(--color-brown-medium);color:var(--color-brown-light-cream)}.status-message.expired{background:linear-gradient(135deg,#ff6b6b,#ee5a24);border-color:#ff6b6b;color:var(--color-brown-light-cream)}.status-icon{display:block;font-size:3rem!important;margin-bottom:15px;margin-left:auto;margin-right:auto}.status-message h4{font-size:1.3rem;font-weight:700;margin:0 0 15px}.status-message p{font-size:1.1rem;line-height:1.5;margin:10px 0}.countdown-display{background:linear-gradient(135deg,var(--color-brown-dark) 0,var(--color-brown-medium) 30%,var(--color-brown-light) 70%,var(--color-brown-cream) 100%);border:2px solid var(--color-brown-medium);border-radius:12px;box-shadow:0 8px 25px var(--color-shadow-primary);margin:20px 0;padding:20px}.countdown-time{animation:countdownPulse 1s ease-in-out infinite;color:var(--color-brown-light-cream);font-family:Courier New,monospace;font-size:2.5rem;font-weight:700;text-shadow:2px 2px 4px var(--color-shadow-dark)}@keyframes countdownPulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.action-buttons{gap:15px;justify-content:center;margin-top:20px}.claim-button,.renew-button,.wait-button{align-items:center;border:none;border-radius:10px;box-shadow:var(--color-shadow-primary);cursor:pointer;display:flex;font-size:1.1rem;font-weight:600;gap:8px;padding:15px 30px;transition:all .3s}.claim-button{background:linear-gradient(135deg,#1c2cc1,#6f9ebc);color:var(--color-brown-light-cream)}.claim-button:hover{background:linear-gradient(135deg,#6f9ebc,#1c2cc1);box-shadow:0 12px 30px #000000b3;transform:translateY(-2px) scale(1.03)}.renew-button{background:linear-gradient(135deg,var(--color-brown-dark) 0,var(--color-brown-medium) 100%);color:var(--color-brown-light-cream)}.renew-button:hover{background:linear-gradient(135deg,var(--color-brown-medium) 0,var(--color-brown-light) 100%);box-shadow:0 12px 30px #000000b3;transform:translateY(-2px) scale(1.03)}.wait-button{background:linear-gradient(135deg,var(--color-bg-secondary) 0,var(--color-bg-tertiary) 100%);color:var(--color-brown-light)}.wait-button:hover{background:linear-gradient(135deg,var(--color-bg-tertiary) 0,var(--color-bg-quaternary) 100%);box-shadow:0 12px 30px #000000b3;transform:translateY(-2px) scale(1.03)}.vip-benefits{background:linear-gradient(135deg,var(--color-bg-tertiary),var(--color-bg-quaternary));border:2px solid var(--color-brown-dark);border-radius:12px;box-shadow:0 8px 25px var(--color-shadow-medium);padding:20px}.vip-benefits h4{color:var(--color-brown-cream);font-size:1.2rem;font-weight:700;margin:0 0 15px;text-align:center;text-shadow:1px 1px 2px var(--color-shadow-dark)}.vip-benefits ul{list-style:none;margin:0;padding:0}.vip-benefits li{align-items:center;color:var(--color-brown-light);display:flex;font-size:1rem;font-weight:500;gap:10px;padding:8px 0}@media (max-width:480px){.vip-coffee-popup-modal{margin:10px;width:95%}.vip-coffee-popup-content,.vip-coffee-popup-footer,.vip-coffee-popup-header{padding:20px}.user-info{padding:15px}.status-message{padding:20px}.countdown-time{font-size:2rem}.action-buttons{flex-direction:column;gap:10px}.claim-button,.renew-button,.wait-button{font-size:1rem;padding:12px 24px}}.cooldown-modal-overlay{align-items:center;animation:fadeIn .5s ease;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#000c;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.cooldown-modal{animation:cooldownSlideIn .6s cubic-bezier(.175,.885,.32,1.275);background:linear-gradient(145deg,var(--color-bg-secondary),var(--color-bg-tertiary),var(--color-bg-quaternary));border:3px solid var(--color-brown-dark);border-radius:20px;box-shadow:0 40px 80px #0009,0 0 0 2px var(--color-shadow-secondary),inset 0 1px 0 var(--color-glass-bg);max-width:400px;position:relative;width:90%}@keyframes cooldownSlideIn{0%{opacity:0;transform:translateY(50px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.cooldown-modal-header{align-items:center;background:linear-gradient(135deg,var(--color-brown-dark) 0,var(--color-brown-medium) 100%);border-bottom:2px solid var(--color-brown-medium);border-radius:17px 17px 0 0;display:flex;justify-content:space-between;padding:20px;position:relative;z-index:1}.cooldown-icon{color:var(--color-brown-light-cream);font-size:2rem!important;margin-right:10px}.cooldown-modal-header h2{color:var(--color-brown-light-cream);font-size:1.5rem;font-weight:700;letter-spacing:1px;margin:0;text-shadow:2px 2px 4px var(--color-shadow-dark)}.close-button,.close-button:hover{background:var(--color-shadow-primary)}.cooldown-modal-content{padding:30px 20px;position:relative;text-align:center;z-index:1}.cooldown-timer{align-items:center;display:flex;flex-direction:column;gap:15px}.timer-display{background:linear-gradient(135deg,var(--color-brown-dark) 0,var(--color-brown-medium) 30%,var(--color-brown-light) 70%,var(--color-brown-cream) 100%);border:2px solid var(--color-brown-medium);border-radius:15px;box-shadow:0 8px 25px var(--color-shadow-primary);color:var(--color-brown-light-cream);font-size:3rem;font-weight:700;min-width:200px;padding:20px 30px;text-shadow:2px 2px 4px var(--color-shadow-dark)}.cooldown-message{color:var(--color-brown-cream);font-size:1.2rem;font-weight:700;margin:0;text-shadow:1px 1px 2px var(--color-shadow-dark)}.cooldown-info{color:var(--color-brown-light);font-size:1rem;font-weight:500;margin:0}.cooldown-modal-footer{background:linear-gradient(145deg,var(--color-bg-secondary) 0,var(--color-bg-tertiary) 50%,var(--color-bg-quaternary) 100%);border-radius:0 0 17px 17px;border-top:2px solid var(--color-brown-medium);display:flex;justify-content:center;padding:20px;position:relative;z-index:1}.close-footer-button{background:linear-gradient(135deg,var(--color-brown-dark) 0,var(--color-brown-medium) 50%,var(--color-brown-light) 100%);border:none;border-radius:8px;box-shadow:0 8px 25px var(--color-shadow-dark);color:var(--color-brown-light-cream);cursor:pointer;font-size:1rem;font-weight:700;padding:12px 25px;text-shadow:1px 1px 2px var(--color-shadow-dark);transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.close-footer-button:hover{background:linear-gradient(135deg,var(--color-brown-medium) 0,var(--color-brown-light) 50%,var(--color-brown-cream) 100%);box-shadow:0 12px 30px #000000b3;transform:translateY(-2px) scale(1.03)}@media (max-width:480px){.cooldown-modal{margin:10px;width:95%}.timer-display{font-size:2.5rem;padding:15px 20px}.cooldown-message{font-size:1.1rem}}.coffee-claim-success-overlay{align-items:center;animation:fadeIn .5s ease;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#000c;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.coffee-claim-success-modal{animation:successModalSlideIn .6s cubic-bezier(.175,.885,.32,1.275);background:linear-gradient(145deg,var(--color-bg-secondary),var(--color-bg-tertiary),var(--color-bg-quaternary));border:3px solid var(--color-brown-dark);border-radius:20px;box-shadow:0 40px 80px #0009,0 0 0 2px var(--color-shadow-secondary),inset 0 1px 0 var(--color-glass-bg);max-width:500px;overflow:hidden;position:relative;width:90%}@keyframes successModalSlideIn{0%{opacity:0;transform:translateY(50px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.coffee-claim-success-header{align-items:center;background:linear-gradient(135deg,#1c2cc1,#6f9ebc);border-bottom:2px solid #00a085;border-radius:17px 17px 0 0;display:flex;justify-content:space-between;padding:25px;position:relative;z-index:1}.header-content{align-items:center;display:flex;gap:15px}.success-star-icon{animation:starGlow 2s ease-in-out infinite alternate;color:var(--color-brown-light-cream);font-size:2rem!important}@keyframes starGlow{0%{filter:drop-shadow(0 0 5px rgba(255,255,255,.3))}to{filter:drop-shadow(0 0 15px rgba(255,255,255,.8))}}.coffee-claim-success-header h2{font-size:1.6rem;letter-spacing:1px;margin:0;text-shadow:2px 2px 4px #0000004d}.close-button,.coffee-claim-success-header h2{color:var(--color-brown-light-cream);font-weight:700}.close-button{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;font-size:20px;height:35px;transition:all .3s cubic-bezier(.175,.885,.32,1.275);width:35px}.close-button:hover{background:#ffffff4d;color:var(--color-brown-light-cream);transform:scale(1.1) rotate(90deg)}.coffee-claim-success-content{padding:30px 25px;position:relative;text-align:center;z-index:1}.success-animation{margin-bottom:30px}.coffee-cup-success,.success-animation{align-items:center;display:flex;justify-content:center;position:relative}.coffee-cup-success{animation:coffeeCelebration 1.5s ease-out;background:linear-gradient(135deg,var(--color-brown-dark) 0,var(--color-brown-medium) 50%,var(--color-brown-light) 100%);border-radius:50%;box-shadow:0 15px 35px var(--color-shadow-primary),0 0 0 3px var(--color-brown-cream);height:80px;width:80px}.coffee-icon{animation:coffeeBounce 2s ease-in-out infinite;color:var(--color-brown-light-cream);font-size:2.5rem!important}.steam-effect{height:30px;left:50%;position:absolute;top:-20px;transform:translateX(-50%);width:40px}.steam{animation:steamRise 3s ease-out infinite;background:linear-gradient(0deg,#fffc,#0000);border-radius:50%;position:absolute;width:3px}.steam:first-child{animation-delay:0s;height:20px;left:8px}.steam:nth-child(2){animation-delay:.5s;height:25px;left:50%;transform:translateX(-50%)}.steam:nth-child(3){animation-delay:1s;height:18px;right:8px}@keyframes steamRise{0%{opacity:.8;transform:translateY(0) scaleY(1)}50%{opacity:.4;transform:translateY(-15px) scaleY(1.5)}to{opacity:0;transform:translateY(-30px) scaleY(.5)}}.success-check{align-items:center;animation:checkBounce .8s ease-out .5s both;background:linear-gradient(135deg,#1c2cc1,#6f9ebc);border-radius:50%;box-shadow:0 8px 20px #00b89466;display:flex;height:40px;justify-content:center;position:absolute;right:-10px;top:-10px;width:40px}.check-icon{animation:checkPulse 1s ease-in-out infinite;color:#fff;font-size:1.5rem!important}@keyframes coffeeCelebration{0%{opacity:0;transform:scale(0) rotate(-180deg)}50%{opacity:1;transform:scale(1.2) rotate(0deg)}to{opacity:1;transform:scale(1) rotate(0deg)}}@keyframes coffeeBounce{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}@keyframes checkBounce{0%{opacity:0;transform:scale(0) rotate(-180deg)}50%{opacity:1;transform:scale(1.3) rotate(0deg)}to{opacity:1;transform:scale(1) rotate(0deg)}}@keyframes checkPulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.success-message{margin-bottom:25px}.success-message h3{color:var(--color-brown-cream);font-size:1.5rem;font-weight:700;margin:0 0 10px;text-shadow:1px 1px 2px var(--color-shadow-dark)}.success-message p{color:var(--color-brown-light);font-size:1.1rem;font-weight:500;line-height:1.5;margin:0}.vip-benefits-reminder{background:linear-gradient(135deg,var(--color-bg-tertiary),var(--color-bg-quaternary));border:2px solid var(--color-brown-dark);border-radius:12px;box-shadow:0 8px 25px var(--color-shadow-medium);margin-bottom:20px;padding:20px}.vip-benefits-reminder h4{color:var(--color-brown-cream);font-size:1.2rem;font-weight:700;margin:0 0 15px;text-align:center;text-shadow:1px 1px 2px var(--color-shadow-dark)}.vip-benefits-reminder ul{list-style:none;margin:0;padding:0}.vip-benefits-reminder li{align-items:center;color:var(--color-brown-light);display:flex;font-size:1rem;font-weight:500;gap:10px;padding:8px 0}.benefit-icon{color:var(--color-brown-light);font-size:1.2rem!important}.coffee-claim-success-footer{background:linear-gradient(145deg,var(--color-bg-secondary) 0,var(--color-bg-tertiary) 50%,var(--color-bg-quaternary) 100%);border-radius:0 0 17px 17px;border-top:2px solid var(--color-brown-medium);display:flex;justify-content:center;padding:25px;position:relative;z-index:1}.continue-button{align-items:center;background:linear-gradient(135deg,#1c2cc1,#6f9ebc);border:none;border-radius:25px;box-shadow:0 8px 25px #00b8944d;color:#fff;cursor:pointer;display:flex;font-size:1.1rem;font-weight:700;gap:8px;letter-spacing:.5px;padding:15px 30px;text-shadow:1px 1px 2px #0003;transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.continue-button:hover{background:linear-gradient(135deg,#6f9ebc,#1c2cc1);box-shadow:0 12px 30px #00b89480;transform:translateY(-2px) scale(1.03)}.continue-button .MuiSvgIcon-root{font-size:1.3rem!important}@media (max-width:768px){.coffee-claim-success-modal{margin:10px;width:95%}.coffee-claim-success-content,.coffee-claim-success-footer,.coffee-claim-success-header{padding:20px}.coffee-cup-success{height:70px;width:70px}.coffee-icon{font-size:2rem!important}.success-message h3{font-size:1.3rem}.success-message p{font-size:1rem}.continue-button{font-size:1rem;padding:12px 25px}}.app-settings{animation:coffeeBrew 1.2s ease-out;background:linear-gradient(135deg,var(--color-bg-secondary) 0,var(--color-bg-tertiary) 50%,var(--color-bg-quaternary) 100%);border:2px solid var(--color-brown-dark);border-radius:20px;box-shadow:0 8px 32px var(--color-shadow-secondary);margin:0 auto;max-width:1200px;overflow:hidden;padding:20px;position:relative}.app-settings:before{animation:coffeeRotate 12s linear infinite reverse;background:conic-gradient(from 180deg,#0000,#8b45131a,#0000);content:"";height:200%;left:-50%;pointer-events:none;position:absolute;top:-50%;width:200%}.app-settings h2{animation:coffeeGlow 3s ease-in-out infinite alternate;color:var(--color-brown-cream);font-size:2rem;font-weight:700;justify-content:center;margin-bottom:40px;text-align:center;text-shadow:2px 2px 4px var(--color-shadow-dark)}.app-settings h2,.message{align-items:center;display:flex;position:relative;z-index:1}.message{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-left:4px solid;border-radius:12px;box-shadow:0 5px 15px var(--color-shadow-medium);font-size:14px;font-weight:500;margin-bottom:30px;padding:16px 20px}.message.success{border:1px solid #27ae604d;color:#27ae60}.message.error,.message.success{background:linear-gradient(135deg,var(--color-bg-secondary) 0,var(--color-bg-tertiary) 100%)}.message.error{border:1px solid #e74c3c4d;color:#e74c3c}.settings-form{gap:30px;position:relative;z-index:1}.form-group,.settings-form{display:flex;flex-direction:column}.form-group{gap:12px}.form-group label{align-items:center;display:flex;font-size:14px;letter-spacing:.5px;margin-bottom:4px;text-transform:uppercase}.form-group input[type=text]{background:linear-gradient(145deg,var(--color-bg-secondary),var(--color-bg-tertiary));border:2px solid var(--color-brown-dark);border-radius:12px;box-shadow:0 4px 8px var(--color-shadow-medium);color:var(--color-brown-light);font-size:16px;padding:16px 20px;transition:all .3s ease}.form-group input[type=text]:focus{background:linear-gradient(145deg,var(--color-bg-tertiary),var(--color-bg-quaternary));border-color:var(--color-brown-medium);box-shadow:0 0 0 4px var(--color-shadow-light),0 5px 15px var(--color-shadow-medium);outline:none;transform:translateY(-2px)}.form-group input[type=text]::placeholder{color:var(--color-brown-medium);opacity:.7}.logo-upload-section{display:flex;flex-direction:column;gap:20px}.file-input{display:none}.file-input-label{align-items:center;background:linear-gradient(135deg,var(--color-brown-dark) 0,var(--color-brown-medium) 50%,var(--color-brown-light) 100%);border:2px solid var(--color-bg-secondary);border-radius:20px;box-shadow:0 8px 25px var(--color-shadow-dark);color:var(--color-brown-light-cream);cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;gap:10px;justify-content:center;letter-spacing:.5px;overflow:hidden;padding:16px 32px;position:relative;text-align:center;text-shadow:1px 1px 2px var(--color-shadow-dark);text-transform:uppercase;transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.file-input-label:before{background:linear-gradient(90deg,#0000,var(--color-glass-border),#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.file-input-label:hover{background:linear-gradient(135deg,var(--color-brown-medium) 0,var(--color-brown-light) 50%,var(--color-brown-cream) 100%);border-color:var(--color-brown-medium);box-shadow:0 12px 30px #000000b3;transform:translateY(-2px) scale(1.03)}.file-input-label:hover:before{left:100%}.file-input-label:active{transform:translateY(0)}.logo-preview{background:linear-gradient(135deg,var(--color-bg-secondary) 0,var(--color-bg-tertiary) 100%);border:2px dashed var(--color-shadow-primary);border-radius:12px;box-shadow:0 5px 15px var(--color-shadow-medium);display:flex;justify-content:center;margin-top:20px;padding:20px}.logo-preview img{border:2px solid var(--color-shadow-primary);border-radius:12px;box-shadow:0 8px 25px var(--color-shadow-medium);max-height:200px;max-width:200px;object-fit:contain}.form-actions{border-top:2px solid var(--color-brown-dark);gap:20px;margin-top:40px;padding-top:30px}.reset-button,.save-button{align-items:center;border:none;border-radius:20px;box-shadow:0 8px 25px var(--color-shadow-dark);cursor:pointer;display:flex;flex:1 1;font-size:14px;font-weight:700;justify-content:center;letter-spacing:.5px;overflow:hidden;padding:16px 32px;position:relative;text-shadow:1px 1px 2px var(--color-shadow-dark);text-transform:uppercase;transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.save-button{border:2px solid var(--color-bg-secondary)}.save-button:before{background:linear-gradient(90deg,#0000,var(--color-glass-border),#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.save-button:hover:not(:disabled){border-color:var(--color-brown-medium)}.save-button:hover:not(:disabled):before{left:100%}.save-button:active:not(:disabled){transform:translateY(0)}.save-button:disabled{animation:coffeePulse 2s ease-in-out infinite}.reset-button{background:linear-gradient(135deg,var(--color-bg-secondary) 0,var(--color-bg-tertiary) 100%);border:2px solid var(--color-brown-dark);color:var(--color-brown-light)}.reset-button:hover:not(:disabled){background:linear-gradient(135deg,var(--color-bg-tertiary) 0,var(--color-bg-quaternary) 100%);border-color:var(--color-brown-medium);box-shadow:0 12px 30px #000000b3;transform:translateY(-2px) scale(1.03)}.reset-button:active:not(:disabled){transform:translateY(0)}.reset-button:disabled{background:linear-gradient(135deg,var(--color-bg-quaternary) 0,var(--color-bg-tertiary) 100%);border-color:#555;box-shadow:none;color:var(--color-brown-dark);cursor:not-allowed;opacity:.6;transform:none}.reset-button:disabled,.save-button:disabled{position:relative}.reset-button:disabled:after,.save-button:disabled:after{animation:spin 1s linear infinite;border:2px solid #0000;border-radius:50%;border-top-color:currentcolor;content:"";height:20px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:20px}@media (max-width:768px){.app-settings{border-radius:15px;margin:10px;padding:15px}.app-settings h2{font-size:1.5rem}.form-actions{flex-direction:column;gap:15px}.logo-preview img{max-height:150px;max-width:150px}}.settings-page{background:var(--gradient-background);min-height:100vh;padding:20px;position:relative;z-index:1}.settings-header{align-items:center;background:var(--gradient-light);border:1px solid var(--color-border-primary);border-radius:20px;box-shadow:var(--color-shadow-primary);display:flex;margin-bottom:30px;padding:20px}.settings-title{color:var(--color-text-dark);font-size:2.5rem;font-weight:700;margin:0;text-shadow:0 2px 4px var(--color-shadow-light)}.settings-content{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--gradient-light);border:1px solid var(--color-border-primary);border-radius:20px;box-shadow:var(--color-shadow-primary);padding:30px}@media (max-width:768px){.settings-page{padding:10px}.settings-header{align-items:flex-start;flex-direction:column;gap:15px}.back-button{margin-bottom:10px;margin-right:0}.settings-title{font-size:2rem}.settings-content{padding:20px}}.app-administration-overlay{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#2c1810cc;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.app-administration-modal{animation:slideIn .3s ease-out;background:linear-gradient(135deg,var(--color-brown-very-light) 0,var(--color-brown-cream) 100%);border:2px solid var(--color-brown-dark);border-radius:16px;box-shadow:0 20px 40px var(--color-shadow-secondary),0 0 0 2px var(--color-shadow-light);max-height:90vh;max-width:800px;overflow-y:auto;width:90%}@keyframes slideIn{0%{opacity:0;transform:translateY(-50px)}to{opacity:1;transform:translateY(0)}}.modal-header{background:linear-gradient(135deg,var(--color-brown-dark) 0,var(--color-brown-medium) 50%,var(--color-brown-light) 100%);border-radius:14px 14px 0 0;box-shadow:0 4px 8px var(--color-shadow-primary);color:var(--color-brown-very-light);padding:20px 24px}.modal-header h2{align-items:center;display:flex;font-size:1.5rem;font-weight:600;gap:8px;margin:0;text-shadow:1px 1px 2px var(--color-shadow-medium)}.header-icon{filter:drop-shadow(0 0 10px rgba(245,245,220,.3));font-size:1.8rem}.close-button{background:var(--color-glass-bg);border:2px solid var(--color-glass-border);color:var(--color-brown-very-light);font-size:1.5rem;height:40px;padding:8px;width:40px}.close-button:hover{background:var(--color-glass-border);border-color:var(--color-glass-border-hover);box-shadow:0 4px 12px var(--color-shadow-medium);transform:translateY(-2px) scale(1.05)}.modal-content{padding:24px}.section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px}.section-header h3{color:var(--color-bg-secondary);font-size:1.3rem;font-weight:600;margin:0;text-shadow:1px 1px 2px var(--color-shadow-primary)}.add-button{align-items:center;border-radius:10px;box-shadow:0 4px 8px var(--color-shadow-primary);color:var(--color-brown-very-light);display:flex;font-size:.9rem;gap:8px;padding:12px 20px;text-shadow:1px 1px 2px var(--color-shadow-medium);transition:all .3s ease}.add-button:hover{background:linear-gradient(135deg,var(--color-brown-medium) 0,var(--color-brown-light) 50%,var(--color-brown-cream) 100%);border-color:var(--color-brown-dark);box-shadow:0 8px 20px var(--color-shadow-secondary);transform:translateY(-2px)}.add-button:disabled{box-shadow:0 2px 4px var(--color-shadow-light);transform:none}.error-message{background:linear-gradient(135deg,#fee,#fcc);border-left:4px solid #c33;box-shadow:0 4px 8px #c333;color:#c33;margin-bottom:16px;padding:12px 16px}.form-section{background:linear-gradient(135deg,var(--color-bg-secondary) 0,var(--color-bg-tertiary) 100%);border:2px solid var(--color-brown-dark);border-radius:12px;box-shadow:0 4px 8px var(--color-shadow-primary);margin-bottom:24px;padding:20px}.form-section h4{color:var(--color-brown-cream);font-size:1.1rem;font-weight:600;margin:0 0 16px;text-shadow:1px 1px 2px var(--color-shadow-dark)}.form-group{margin-bottom:16px}.form-group label{color:var(--color-brown-light);font-size:.9rem;margin-bottom:6px}.form-group input,.form-group select{background:linear-gradient(145deg,var(--color-bg-secondary),var(--color-bg-tertiary));border:2px solid var(--color-brown-dark);border-radius:10px;box-sizing:border-box;color:var(--color-brown-light);font-size:.9rem;font-weight:500;min-height:44px;padding:12px 15px;transition:all .3s ease;width:100%}.form-group input:focus,.form-group select:focus{border-color:var(--color-brown-medium);box-shadow:0 0 0 4px var(--color-shadow-light),0 5px 15px var(--color-shadow-medium);outline:none;transform:translateY(-2px)}.form-group input:disabled,.form-group select:disabled{background:linear-gradient(145deg,#1a0f08,var(--color-bg-secondary));cursor:not-allowed;opacity:.7}.password-input{align-items:center;display:flex;position:relative}.password-input input{padding-right:50px}.password-toggle{align-items:center;background:none;border:none;border-radius:4px;color:var(--color-brown-dark);cursor:pointer;display:flex;height:32px;justify-content:center;padding:8px;position:absolute;right:12px;top:50%;transform:translateY(-50%);transition:all .3s ease;width:32px}.password-toggle:hover{background:#8b45131a;color:var(--color-bg-secondary);transform:translateY(-50%) scale(1.1)}.form-actions{gap:12px;margin-top:20px}.cancel-button{border-radius:10px;box-shadow:0 4px 8px var(--color-shadow-primary);font-size:.9rem;padding:12px 20px;transition:all .3s ease}.cancel-button:hover{box-shadow:0 8px 20px var(--color-shadow-secondary);transform:translateY(-2px)}.submit-button{background:linear-gradient(135deg,var(--color-brown-dark) 0,var(--color-brown-medium) 50%,var(--color-brown-light) 100%);border:2px solid var(--color-bg-secondary);border-radius:10px;box-shadow:0 4px 8px var(--color-shadow-primary);color:var(--color-brown-very-light);cursor:pointer;font-size:.9rem;font-weight:600;padding:12px 20px;text-shadow:1px 1px 2px var(--color-shadow-medium);transition:all .3s ease}.submit-button:hover{background:linear-gradient(135deg,var(--color-brown-medium) 0,var(--color-brown-light) 50%,var(--color-brown-cream) 100%);border-color:var(--color-brown-dark);box-shadow:0 8px 20px var(--color-shadow-secondary);transform:translateY(-2px)}.submit-button:disabled{box-shadow:0 2px 4px var(--color-shadow-light);cursor:not-allowed;opacity:.6;transform:none}.admin-users-list{margin-top:24px}.loading{color:var(--color-brown-dark);font-style:italic;font-weight:500}.users-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.user-card{background:linear-gradient(135deg,var(--color-bg-secondary) 0,var(--color-bg-tertiary) 100%);border:2px solid var(--color-brown-dark);border-radius:12px;box-shadow:0 4px 8px var(--color-shadow-primary);padding:16px;transition:all .3s ease}.user-card:hover{border-color:var(--color-brown-medium);box-shadow:0 8px 20px var(--color-shadow-secondary);transform:translateY(-2px)}.user-info{margin-bottom:12px}.user-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.user-header h4{color:var(--color-brown-cream);font-size:1.1rem;font-weight:600;margin:0;text-shadow:1px 1px 2px var(--color-shadow-dark)}.role-badge{align-items:center;border-radius:12px;box-shadow:0 2px 4px var(--color-shadow-medium);display:flex;font-size:.75rem;font-weight:600;gap:4px;padding:6px 10px;text-transform:uppercase}.role-badge.admin{background:linear-gradient(135deg,var(--color-error) 0,#c82333 100%);border:1px solid #bd2130;color:#fff}.role-badge.pos{background:linear-gradient(135deg,var(--color-success) 0,#218838 100%);border:1px solid #1e7e34;color:#fff}.role-icon{font-size:.8rem}.user-email{font-size:.9rem}.user-email,.user-status{font-weight:500;margin:4px 0}.user-status{color:var(--color-brown-medium);font-size:.8rem}.user-actions{display:flex;gap:8px;justify-content:flex-end}.delete-button,.edit-button{background:var(--color-glass-bg);border:2px solid var(--color-glass-border);border-radius:50%;height:36px;width:36px}.edit-button{color:var(--color-success)}.edit-button:hover{background:#28a74533;border-color:#28a74566;box-shadow:0 4px 12px #28a7454d;transform:translateY(-2px) scale(1.05)}.delete-button{color:var(--color-error)}.delete-button:hover{background:var(--color-btn-danger);border-color:#dc354566;box-shadow:0 4px 12px var(--color-btn-danger-hover);transform:translateY(-2px) scale(1.05)}@media (max-width:768px){.app-administration-modal{margin:10px;width:95%}.modal-content{padding:16px}.section-header{align-items:stretch;flex-direction:column;gap:12px}.users-grid{grid-template-columns:1fr}.form-actions{flex-direction:column}}.admin-page{background:var(--gradient-background);min-height:100vh;padding:20px;position:relative;z-index:1}.admin-header{background:var(--gradient-light);border-radius:20px;box-shadow:var(--color-shadow-primary);margin-bottom:30px;padding:20px}.admin-header,.back-button{align-items:center;border:1px solid var(--color-border-primary);display:flex}.back-button{background:var(--gradient-dark);border-radius:25px;box-shadow:0 4px 15px var(--color-shadow-medium);color:var(--color-text-primary);margin-right:20px;padding:12px 20px;transition:all .3s ease}.back-button:hover{background:var(--gradient-darker);border-color:var(--color-border-secondary);box-shadow:0 6px 20px var(--color-shadow-dark);transform:translateY(-2px)}.admin-title{color:var(--color-text-dark);font-size:2.5rem;font-weight:700;margin:0;text-shadow:0 2px 4px var(--color-shadow-light)}.admin-content{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--gradient-light);border:1px solid var(--color-border-primary);border-radius:20px;box-shadow:var(--color-shadow-primary);padding:30px}.admin-content .app-administration-overlay{background:#0000;padding:0;position:static}.admin-content .app-administration-modal{background:#0000;border:none;border-radius:0;box-shadow:none;height:auto;max-height:none;max-width:none;overflow:visible;position:static;width:100%}.admin-content .modal-header{display:none}.admin-content .modal-content{padding:0}@media (max-width:768px){.admin-page{padding:10px}.admin-header{align-items:flex-start;flex-direction:column;gap:15px}.back-button{margin-bottom:10px;margin-right:0}.admin-title{font-size:2rem}.admin-content{padding:20px}}.dashboard{background:linear-gradient(135deg,var(--color-brown-very-light) 0,var(--color-brown-cream) 100%);border:2px solid var(--color-brown-dark);border-radius:15px;box-shadow:0 8px 32px var(--color-shadow-primary);margin:0 auto 150px;max-width:1200px;padding:20px}.dashboard-header{border-bottom:2px solid #f0f0f0;margin-bottom:30px;padding-bottom:20px;text-align:center}.dashboard-header h1{color:var(--color-bg-secondary);font-size:2.5rem;font-weight:700;margin-bottom:10px;text-shadow:2px 2px 4px var(--color-shadow-primary)}.dashboard-header p{color:var(--color-brown-dark);font-size:1.1rem;font-weight:500;margin:0}.dashboard-tabs{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-bottom:30px}.tab-button{background:linear-gradient(135deg,var(--color-brown-dark) 0,var(--color-brown-cream) 100%);border:2px solid var(--color-brown-dark);border-radius:25px;box-shadow:0 4px 8px var(--color-shadow-light);cursor:pointer;font-size:1rem;font-weight:600;min-width:150px;padding:12px 24px;transition:all .3s ease}.tab-button,.tab-button:hover{color:var(--color-bg-secondary)}.tab-button:hover{background:linear-gradient(135deg,var(--color-brown-cream) 0,var(--color-brown-light) 100%);border-color:var(--color-brown-medium);transform:translateY(-2px)}.tab-button.active,.tab-button:hover{box-shadow:0 6px 12px var(--color-shadow-secondary)}.tab-button.active{background:linear-gradient(135deg,var(--color-brown-dark) 0,var(--color-brown-medium) 100%);border-color:var(--color-bg-secondary);color:var(--color-brown-very-light)}.dashboard-content{min-height:400px}.tier-management{animation:coffeeBrew 1.2s ease-out;background:linear-gradient(135deg,var(--color-bg-secondary) 0,var(--color-bg-tertiary) 50%,var(--color-bg-quaternary) 100%);border:2px solid var(--color-brown-dark);border-radius:20px;box-shadow:0 8px 32px var(--color-shadow-secondary);margin:0 auto;max-width:1200px;overflow:hidden;padding:20px;position:relative}.tier-management:before{animation:coffeeRotate 12s linear infinite reverse;background:conic-gradient(from 180deg,#0000,#8b45131a,#0000);content:"";height:200%;left:-50%;pointer-events:none;position:absolute;top:-50%;width:200%}.tier-header{flex-wrap:wrap;gap:15px;justify-content:space-between;margin-bottom:30px;position:relative;z-index:1}.tier-header,.tier-header h2{align-items:center;display:flex}.tier-header h2{animation:coffeeGlow 3s ease-in-out infinite alternate;color:var(--color-brown-cream);font-size:2rem;font-weight:700;margin:0;text-shadow:2px 2px 4px var(--color-shadow-dark)}.form-group input,.form-group textarea{background:linear-gradient(145deg,var(--color-bg-secondary),var(--color-bg-tertiary));border:2px solid var(--color-brown-dark);border-radius:10px;box-sizing:border-box;color:var(--color-brown-light);font-size:1rem;padding:12px 15px;transition:all .3s ease;width:100%}.form-group input:focus,.form-group textarea:focus{border-color:var(--color-brown-medium);box-shadow:0 0 0 4px var(--color-shadow-light),0 5px 15px var(--color-shadow-medium);outline:none;transform:translateY(-2px)}.tiers-list{position:relative;z-index:1}.tiers-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.tier-card{background:linear-gradient(135deg,var(--color-bg-secondary) 0,var(--color-bg-tertiary) 50%,var(--color-bg-quaternary) 100%);border:2px solid var(--color-brown-dark);border-radius:15px;box-shadow:0 8px 25px var(--color-shadow-medium);overflow:hidden;padding:20px;position:relative;transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.tier-card:before{animation:coffeeRotate 12s linear infinite reverse;background:conic-gradient(from 180deg,#0000,#8b45131a,#0000);content:"";height:200%;left:-50%;pointer-events:none;position:absolute;top:-50%;width:200%}.tier-card:hover{border-color:var(--color-brown-medium);box-shadow:0 15px 40px #0009;transform:translateY(-5px) scale(1.02)}.tier-card .tier-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:15px;position:relative;z-index:1}.tier-card .tier-header h3{color:var(--color-brown-cream);font-size:1.2rem;margin:0;text-shadow:1px 1px 2px var(--color-shadow-dark)}.tier-details{position:relative;z-index:1}.tier-details p{color:var(--color-brown-light);margin:8px 0}.tier-details strong{color:var(--color-brown-cream);text-shadow:1px 1px 2px var(--color-shadow-dark)}.tier-actions{display:flex;gap:10px;margin-top:20px;position:relative;z-index:1}@media (max-width:768px){.tier-management{border-radius:15px;margin:10px;padding:15px}.tier-header{align-items:stretch;flex-direction:column}.tier-header h2{font-size:1.5rem;text-align:center}.tiers-grid{grid-template-columns:1fr}.form-container{margin:20px;padding:20px;width:calc(100% - 40px)}.form-actions{flex-direction:column;gap:10px}.tier-actions{flex-direction:column;gap:8px}}.reward-management{animation:coffeeBrew 1.2s ease-out;background:linear-gradient(135deg,var(--color-bg-secondary) 0,var(--color-bg-tertiary) 50%,var(--color-bg-quaternary) 100%);border:2px solid var(--color-brown-dark);border-radius:20px;box-shadow:0 8px 32px var(--color-shadow-secondary);margin:0 auto;max-width:1200px;overflow:hidden;padding:20px;position:relative}.reward-management:before{animation:coffeeRotate 12s linear infinite reverse;background:conic-gradient(from 180deg,#0000,#8b45131a,#0000);content:"";height:200%;left:-50%;pointer-events:none;position:absolute;top:-50%;width:200%}.reward-header{align-items:center;display:flex;flex-wrap:wrap;gap:15px;justify-content:space-between;margin-bottom:30px;position:relative;z-index:1}.reward-header h2{align-items:center;animation:coffeeGlow 3s ease-in-out infinite alternate;color:var(--color-brown-cream);display:flex;font-size:2rem;font-weight:700;margin:0;text-shadow:2px 2px 4px var(--color-shadow-dark)}.rewards-list{position:relative;z-index:1}.rewards-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.reward-card{background:linear-gradient(135deg,var(--color-bg-secondary) 0,var(--color-bg-tertiary) 50%,var(--color-bg-quaternary) 100%);border:2px solid var(--color-brown-dark);border-radius:15px;box-shadow:0 8px 25px var(--color-shadow-medium);overflow:hidden;padding:20px;position:relative;transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.reward-card:before{animation:coffeeRotate 12s linear infinite reverse;background:conic-gradient(from 180deg,#0000,#8b45131a,#0000);content:"";height:200%;left:-50%;pointer-events:none;position:absolute;top:-50%;width:200%}.reward-card:hover{border-color:var(--color-brown-medium);box-shadow:0 15px 40px #0009;transform:translateY(-5px) scale(1.02)}.reward-card .reward-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:15px;position:relative;z-index:1}.reward-card .reward-header h3{color:var(--color-brown-cream);font-size:1.2rem;margin:0;text-shadow:1px 1px 2px var(--color-shadow-dark)}.reward-details{position:relative;z-index:1}.reward-details p{color:var(--color-brown-light);margin:8px 0}.reward-details strong{color:var(--color-brown-cream);text-shadow:1px 1px 2px var(--color-shadow-dark)}.reward-actions{display:flex;gap:10px;margin-top:20px;position:relative;z-index:1}@media (max-width:768px){.reward-management{border-radius:15px;margin:10px;padding:15px}.reward-header{align-items:stretch;flex-direction:column}.reward-header h2{font-size:1.5rem;text-align:center}.rewards-grid{grid-template-columns:1fr}.form-container{margin:20px;padding:20px;width:calc(100% - 40px)}.form-actions{flex-direction:column;gap:10px}.reward-actions{flex-direction:column;gap:8px}}.spinner-management{animation:coffeeBrew 1.2s ease-out;background:linear-gradient(135deg,var(--color-bg-secondary) 0,var(--color-bg-tertiary) 50%,var(--color-bg-quaternary) 100%);border:2px solid var(--color-brown-dark);border-radius:20px;box-shadow:0 8px 32px var(--color-shadow-secondary);margin:0 auto;max-width:1200px;overflow:hidden;padding:20px;position:relative}.spinner-management:before{animation:coffeeRotate 12s linear infinite reverse;background:conic-gradient(from 180deg,#0000,#8b45131a,#0000);content:"";height:200%;left:-50%;pointer-events:none;position:absolute;top:-50%;width:200%}.spinner-header{align-items:center;display:flex;flex-wrap:wrap;gap:15px;justify-content:space-between;margin-bottom:30px;position:relative;z-index:1}.spinner-header h2{align-items:center;animation:coffeeGlow 3s ease-in-out infinite alternate;color:var(--color-brown-cream);display:flex;font-size:2rem;font-weight:700;margin:0;text-shadow:2px 2px 4px var(--color-shadow-dark)}.reward-selector{align-items:center;display:flex;gap:10px}.reward-selector label{color:var(--color-brown-cream);font-weight:600;text-shadow:1px 1px 2px var(--color-shadow-dark);white-space:nowrap}.reward-selector select{background:linear-gradient(145deg,var(--color-bg-secondary),var(--color-bg-tertiary));border:2px solid var(--color-brown-dark);border-radius:10px;box-shadow:0 4px 8px var(--color-shadow-medium);color:var(--color-brown-light);font-size:1rem;min-width:200px;padding:10px 15px;transition:all .3s ease}.reward-selector select:focus{border-color:var(--color-brown-medium);box-shadow:0 0 0 4px var(--color-shadow-light),0 5px 15px var(--color-shadow-medium);outline:none;transform:translateY(-2px)}.add-button{background:linear-gradient(135deg,var(--color-brown-dark) 0,var(--color-brown-medium) 50%,var(--color-brown-light) 100%);border:2px solid var(--color-bg-secondary);border-radius:20px;box-shadow:0 8px 25px var(--color-shadow-dark);color:var(--color-brown-light-cream);cursor:pointer;font-size:1rem;font-weight:600;letter-spacing:.5px;overflow:hidden;padding:12px 24px;position:relative;text-shadow:1px 1px 2px var(--color-shadow-dark);transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.add-button:before{background:linear-gradient(90deg,#0000,var(--color-glass-border),#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.add-button:hover:not(:disabled){background:linear-gradient(135deg,var(--color-brown-medium) 0,var(--color-brown-light) 50%,var(--color-brown-cream) 100%);border-color:var(--color-brown-medium);box-shadow:0 12px 30px #000000b3;transform:translateY(-2px) scale(1.03)}.add-button:hover:not(:disabled):before{left:100%}.add-button:disabled{animation:coffeePulse 2s ease-in-out infinite;background:linear-gradient(135deg,var(--color-bg-quaternary) 0,var(--color-bg-tertiary) 100%);color:var(--color-brown-dark);cursor:not-allowed;opacity:.6}.form-overlay{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.form-container{animation:coffeeBrew .6s ease-out;background:linear-gradient(145deg,var(--color-bg-secondary),var(--color-bg-tertiary),var(--color-bg-quaternary));border:2px solid var(--color-brown-dark);border-radius:20px;box-shadow:0 15px 40px var(--color-shadow-dark);max-height:80vh;max-width:500px;overflow-y:auto;padding:30px;position:relative;width:90%}.form-container h3{color:var(--color-brown-cream);margin-top:0;position:relative;text-shadow:1px 1px 2px var(--color-shadow-dark);z-index:1}.reward-info{background:linear-gradient(135deg,var(--color-bg-tertiary),var(--color-bg-quaternary));border:1px solid var(--color-brown-dark);border-radius:12px;box-shadow:0 5px 15px var(--color-shadow-medium);color:var(--color-brown-light);font-weight:600;margin-bottom:20px;padding:15px;position:relative;z-index:1}.form-group input,.form-group select,.form-group textarea{background:linear-gradient(145deg,var(--color-bg-secondary),var(--color-bg-tertiary));border:2px solid var(--color-brown-dark);border-radius:10px;box-sizing:border-box;color:var(--color-brown-light);font-size:1rem;padding:12px 15px;transition:all .3s ease;width:100%}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--color-brown-medium);box-shadow:0 0 0 4px var(--color-shadow-light),0 5px 15px var(--color-shadow-medium);outline:none;transform:translateY(-2px)}.form-group input::placeholder,.form-group textarea::placeholder{color:var(--color-brown-medium);opacity:.7}.form-group textarea{min-height:80px;resize:vertical}.form-group select{background:linear-gradient(145deg,var(--color-bg-secondary),var(--color-bg-tertiary))}.form-group small{color:var(--color-brown-light);display:block;font-size:.9rem;margin-top:5px;opacity:.8}.form-actions{display:flex;gap:15px;justify-content:flex-end;margin-top:25px;position:relative;z-index:1}.save-button:hover{background:linear-gradient(135deg,var(--color-brown-medium) 0,var(--color-brown-light) 50%,var(--color-brown-cream) 100%);box-shadow:0 12px 30px #000000b3;transform:translateY(-2px) scale(1.03)}.spinner-options-list{position:relative;z-index:1}.spinner-options-list h3{border-bottom:2px solid var(--color-brown-dark);color:var(--color-brown-cream);margin-bottom:20px;padding-bottom:10px;text-shadow:1px 1px 2px var(--color-shadow-dark)}.spinner-options-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.spinner-option-card{background:linear-gradient(135deg,var(--color-bg-secondary) 0,var(--color-bg-tertiary) 50%,var(--color-bg-quaternary) 100%);border:2px solid var(--color-brown-dark);border-radius:15px;box-shadow:0 8px 25px var(--color-shadow-medium);overflow:hidden;padding:20px;position:relative;transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.spinner-option-card:before{animation:coffeeRotate 12s linear infinite reverse;background:conic-gradient(from 180deg,#0000,#8b45131a,#0000);content:"";height:200%;left:-50%;pointer-events:none;position:absolute;top:-50%;width:200%}.spinner-option-card:hover{border-color:var(--color-brown-medium);box-shadow:0 15px 40px #0009;transform:translateY(-5px) scale(1.02)}.option-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:15px;position:relative;z-index:1}.option-header h4{color:var(--color-brown-cream);font-size:1.2rem;margin:0;text-shadow:1px 1px 2px var(--color-shadow-dark)}.status{box-shadow:0 4px 8px var(--color-shadow-medium);padding:6px 12px}.status.active{background:linear-gradient(135deg,#27ae60,#2ecc71)}.status.active,.status.inactive{color:var(--color-brown-light-cream);text-shadow:1px 1px 2px var(--color-shadow-dark)}.status.inactive{background:linear-gradient(135deg,#e74c3c,#c0392b)}.option-details{position:relative;z-index:1}.option-details p{color:var(--color-brown-light);margin:8px 0}.option-details strong{color:var(--color-brown-cream);text-shadow:1px 1px 2px var(--color-shadow-dark)}.option-actions{display:flex;gap:10px;margin-top:20px;position:relative;z-index:1}.edit-button{background:linear-gradient(135deg,#f39c12,#e67e22);border:none;border-radius:15px;box-shadow:0 4px 8px var(--color-shadow-medium);color:var(--color-brown-light-cream);cursor:pointer;flex:1 1;font-size:.9rem;font-weight:600;padding:10px 16px;text-shadow:1px 1px 2px var(--color-shadow-dark);transition:all .3s ease}.edit-button:hover{background:linear-gradient(135deg,#e67e22,#d35400);box-shadow:0 6px 12px var(--color-shadow-medium);transform:translateY(-2px)}.delete-button{background:linear-gradient(135deg,#e74c3c,#c0392b);border:none;border-radius:15px;box-shadow:0 4px 8px var(--color-shadow-medium);color:var(--color-brown-light-cream);cursor:pointer;flex:1 1;font-size:.9rem;font-weight:600;padding:10px 16px;text-shadow:1px 1px 2px var(--color-shadow-dark);transition:all .3s ease}.delete-button:hover{background:linear-gradient(135deg,#c0392b,#a93226);box-shadow:0 6px 12px var(--color-shadow-medium);transform:translateY(-2px)}.loading{background:linear-gradient(135deg,var(--color-bg-secondary) 0,var(--color-bg-tertiary) 100%);border:2px solid var(--color-brown-dark);border-radius:15px;box-shadow:0 8px 25px var(--color-shadow-medium);color:var(--color-brown-light)}.no-data,.no-spinner-rewards{background:linear-gradient(135deg,var(--color-bg-secondary) 0,var(--color-bg-tertiary) 100%);border:2px dashed var(--color-brown-dark);border-radius:15px;box-shadow:0 8px 25px var(--color-shadow-medium);color:var(--color-brown-light)}.no-spinner-rewards{padding:40px;text-align:center}.no-spinner-rewards p{color:var(--color-brown-cream);font-size:1.1rem;margin:0;text-shadow:1px 1px 2px var(--color-shadow-dark)}@keyframes coffeePulse{0%,to{opacity:.6}50%{opacity:.8}}@media (max-width:768px){.spinner-management{border-radius:15px;margin:10px;padding:15px}.spinner-header{align-items:stretch;flex-direction:column}.spinner-header h2{font-size:1.5rem;text-align:center}.reward-selector{align-items:stretch;flex-direction:column}.reward-selector select{min-width:auto}.spinner-options-grid{grid-template-columns:1fr}.form-container{margin:20px;padding:20px;width:calc(100% - 40px)}.form-actions{flex-direction:column;gap:10px}.option-actions{flex-direction:column;gap:8px}}.user-rewards{padding:20px}.user-rewards-header{align-items:center;display:flex;flex-wrap:wrap;gap:15px;justify-content:space-between;margin-bottom:30px}.user-rewards-header h2{color:var(--color-bg-secondary);font-weight:700;margin:0;text-shadow:1px 1px 2px var(--color-shadow-primary)}.user-selector{align-items:center;display:flex;gap:10px}.user-selector label{color:var(--color-bg-secondary);font-weight:600;text-shadow:1px 1px 1px var(--color-shadow-light);white-space:nowrap}.user-selector select{background:#f5f5dccc;border:2px solid var(--color-brown-light);border-radius:8px;color:var(--color-bg-secondary);font-size:1rem;min-width:300px;padding:8px 12px;transition:all .3s ease}.user-selector select:focus{background:beige;border-color:var(--color-brown-dark);box-shadow:0 0 8px var(--color-shadow-primary);outline:none}.user-details{background:linear-gradient(135deg,var(--color-brown-very-light) 0,var(--color-brown-cream) 100%);border:2px solid var(--color-brown-dark);border-radius:15px;box-shadow:0 4px 12px var(--color-shadow-light);margin-bottom:30px;padding:20px}.user-details h3{border-bottom:2px solid var(--color-brown-dark);color:var(--color-bg-secondary);font-weight:700;margin-bottom:15px;margin-top:0;padding-bottom:10px;text-shadow:1px 1px 2px var(--color-shadow-primary)}.user-info{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.user-info p{color:var(--color-bg-secondary);font-weight:500;margin:0}.user-info strong{color:var(--color-brown-dark);font-weight:700}.rewards-list h3{border-bottom:2px solid var(--color-brown-dark);color:var(--color-bg-secondary);font-weight:700;margin-bottom:20px;padding-bottom:10px;text-shadow:1px 1px 2px var(--color-shadow-primary)}.rewards-table{background:linear-gradient(135deg,var(--color-brown-very-light) 0,var(--color-brown-cream) 100%);border:2px solid var(--color-brown-dark);border-radius:15px;box-shadow:0 4px 12px var(--color-shadow-light);overflow-x:auto}.rewards-table table{border-collapse:collapse;min-width:600px;width:100%}.rewards-table th{background:linear-gradient(135deg,var(--color-brown-dark) 0,var(--color-brown-medium) 100%);border-bottom:2px solid var(--color-bg-secondary);color:var(--color-brown-very-light);font-weight:600;padding:15px 12px;text-align:left;text-shadow:1px 1px 1px var(--color-shadow-primary)}.rewards-table td{background:#f5f5dc80;border-bottom:1px solid var(--color-brown-light);color:var(--color-bg-secondary);padding:12px}.rewards-table tr:hover{background:#deb8874d}.rewards-table tr.used{opacity:.7}.rewards-table tr.unused{background:#f0f8ff}.status{border-radius:20px;font-size:.8rem;font-weight:600;padding:4px 12px;text-transform:uppercase}.status.used{background:linear-gradient(135deg,var(--color-brown-light) 0,var(--color-brown-cream) 100%);border:1px solid var(--color-brown-dark);color:var(--color-bg-secondary)}.status.unused,.status.used{box-shadow:0 2px 4px var(--color-shadow-light)}.status.unused{background:linear-gradient(135deg,var(--color-brown-cream) 0,var(--color-brown-very-light) 100%);border:1px solid var(--color-brown-light);color:var(--color-brown-dark)}.use-button{background:linear-gradient(135deg,var(--color-brown-dark) 0,var(--color-brown-medium) 100%);border:2px solid var(--color-bg-secondary);border-radius:8px;box-shadow:0 2px 4px var(--color-shadow-light);color:var(--color-brown-very-light);cursor:pointer;font-size:.8rem;font-weight:600;padding:6px 12px;transition:all .3s ease}.use-button:hover{background:linear-gradient(135deg,var(--color-brown-medium) 0,var(--color-brown-light) 100%);box-shadow:0 4px 8px var(--color-shadow-primary);transform:translateY(-1px)}.loading{font-size:1.2rem}.loading,.no-data{color:var(--color-muted);padding:40px;text-align:center}.no-data{font-style:italic}.no-users{background:#f8f9fa;border:2px dashed #dee2e6;border-radius:10px;color:var(--color-muted)}.no-users p{font-size:1.1rem;margin:0}@media (max-width:768px){.user-rewards-header,.user-selector{align-items:stretch;flex-direction:column}.user-selector select{min-width:auto}.user-info{grid-template-columns:1fr}.rewards-table{font-size:.9rem}.rewards-table td,.rewards-table th{padding:8px 6px}}.vip-payment-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.vip-payment-modal{animation:vipPaymentSlideIn .5s ease-out;background:var(--gradient-vip-bg);border:3px solid var(--color-brown-dark);border-radius:20px;box-shadow:var(--color-shadow-dark);max-height:80vh;max-width:600px;overflow-y:auto;width:90%}@keyframes vipPaymentSlideIn{0%{opacity:0;transform:scale(.8) translateY(-50px)}to{opacity:1;transform:scale(1) translateY(0)}}.vip-payment-header{align-items:center;background:var(--gradient-vip-header);border-bottom:2px solid var(--color-brown-medium);border-radius:17px 17px 0 0;display:flex;justify-content:space-between;padding:20px}.vip-payment-header h2{color:var(--color-text-dark);font-size:1.5rem;font-weight:700;margin:0}.close-button{align-items:center;color:var(--color-text-light);display:flex;font-size:24px;height:30px;justify-content:center;padding:0;transition:background-color .2s;width:30px}.close-button:hover{background-color:var(--color-glass-hover)}.user-info,.vip-payment-content{padding:20px}.user-info{background:var(--gradient-light);border:2px solid var(--color-border-primary);border-radius:8px;margin-bottom:20px}.user-info h3{color:var(--color-text-dark);font-size:1.3rem;font-weight:600;margin:0 0 10px}.user-info p{color:var(--color-text-secondary);font-size:1rem;margin:0 0 10px}.current-vip-status{background-color:var(--color-glass-bg);border:1px solid var(--color-border-secondary);border-radius:6px;margin-top:15px;padding:15px}.current-vip-status p{color:var(--color-text-dark);font-weight:500;margin:5px 0}.payment-info,.payment-section{margin-bottom:20px}.payment-info{text-align:center}.payment-info h4{color:var(--color-text-dark);font-size:1.2rem;margin:0 0 10px}.payment-info p{color:var(--color-text-secondary);line-height:1.5;margin:0}.payment-form{background:var(--gradient-dark);border:1px solid var(--color-border-primary);border-radius:8px;margin-bottom:20px;padding:20px}.form-group label{color:var(--color-text-primary)}.amount-input,.method-select{background:var(--color-input-bg);border:2px solid var(--color-input-border);border-radius:8px;color:var(--color-input-text);font-size:16px;padding:12px;transition:border-color .2s;width:100%}.amount-input:focus,.method-select:focus{border-color:var(--color-input-border-focus);box-shadow:0 0 0 3px var(--color-shadow-light);outline:none}.process-payment-button{background:var(--color-success-bg);border:none;border-radius:8px;box-shadow:var(--color-shadow-primary);color:var(--color-text-light);cursor:pointer;font-size:16px;font-weight:600;padding:15px 30px;transition:all .2s;width:100%}.process-payment-button:hover:not(:disabled){background:var(--color-success-hover);box-shadow:var(--color-shadow-secondary);transform:translateY(-2px)}.process-payment-button:disabled{background:var(--color-muted);box-shadow:none;cursor:not-allowed;transform:none}.error-message{background:var(--color-error-bg);border:1px solid var(--color-error);border-radius:8px;color:var(--color-text-light);padding:12px}.result-section{margin-top:20px}.result-message{border-radius:8px;margin-bottom:15px;padding:20px;text-align:center}.result-message.success{background:var(--color-success-bg);border:2px solid var(--color-success);color:var(--color-text-light)}.result-message.error{background:var(--color-error-bg);border:2px solid var(--color-error);color:var(--color-text-light)}.result-message h4{align-items:center;display:flex;font-size:1.2rem;font-weight:700;gap:10px;margin:0 0 15px}.result-icon{font-size:1.5rem!important}.result-icon.success{color:var(--color-success)}.result-icon.error{color:var(--color-error)}.result-message p{font-size:1rem;line-height:1.5;margin:10px 0}.payment-details{background-color:var(--color-glass-bg);border:1px solid var(--color-glass-border);border-radius:6px;margin:15px 0;padding:15px}.payment-details p{font-weight:600;margin:8px 0}.vip-payment-footer{background:var(--gradient-vip-bg);border-radius:0 0 17px 17px;border-top:2px solid var(--color-brown-medium);display:flex;justify-content:flex-end;padding:20px}.cancel-button{background:var(--color-btn-muted);border:none;border-radius:6px;color:var(--color-text-light);padding:10px 20px;transition:background-color .2s}.cancel-button:hover{background:var(--color-btn-muted-hover)}@media (max-width:480px){.vip-payment-modal{margin:10px;width:95%}.payment-form,.user-info,.vip-payment-content,.vip-payment-footer,.vip-payment-header{padding:15px}.process-payment-button{padding:12px 24px}}.user-management{animation:coffeeBrew 1.2s ease-out;background:linear-gradient(135deg,var(--color-bg-secondary) 0,var(--color-bg-tertiary) 50%,var(--color-bg-quaternary) 100%);border:2px solid var(--color-brown-dark);border-radius:20px;box-shadow:0 8px 32px var(--color-shadow-secondary);margin:0 auto;max-width:1200px;overflow:hidden;padding:20px;position:relative}.user-management:before{animation:coffeeRotate 12s linear infinite reverse;background:conic-gradient(from 180deg,#0000,#8b45131a,#0000);content:"";height:200%;left:-50%;pointer-events:none;position:absolute;top:-50%;width:200%}.user-management-header{margin-bottom:30px;position:relative;text-align:center;z-index:1}.user-management-header h2{align-items:center;animation:coffeeGlow 3s ease-in-out infinite alternate;color:var(--color-brown-cream);display:flex;font-size:2rem;font-weight:700;justify-content:center;margin:0 0 10px;text-shadow:2px 2px 4px var(--color-shadow-dark)}.user-management-header p{color:var(--color-brown-light);font-size:1.1rem;margin:0;text-shadow:1px 1px 2px var(--color-shadow-dark)}.error-message{align-items:center;background:linear-gradient(135deg,var(--color-bg-secondary) 0,var(--color-bg-tertiary) 100%);border:2px solid #e74c3c;border-radius:12px;box-shadow:0 5px 15px var(--color-shadow-medium);display:flex;justify-content:space-between;margin-bottom:20px;padding:15px 20px;position:relative;z-index:1}.error-message p{color:#e74c3c;font-weight:600;margin:0}.error-message button{background:none;border:none;border-radius:50%;color:#e74c3c;cursor:pointer;padding:5px;transition:all .3s ease}.error-message button:hover{background:#e74c3c1a;transform:scale(1.1)}.users-table-container{background:linear-gradient(135deg,var(--color-bg-secondary) 0,var(--color-bg-tertiary) 100%);border:2px solid var(--color-brown-dark);border-radius:15px;box-shadow:0 8px 25px var(--color-shadow-medium);overflow:hidden;position:relative;z-index:1}.users-table{background:#0000;border-collapse:collapse;width:100%}.users-table thead{background:linear-gradient(135deg,var(--color-brown-dark) 0,var(--color-brown-medium) 100%)}.users-table th{border-bottom:2px solid var(--color-bg-secondary);color:var(--color-brown-light-cream);font-weight:700;letter-spacing:.5px;padding:15px 12px;text-align:left;text-shadow:1px 1px 2px var(--color-shadow-dark);text-transform:uppercase}.users-table tbody tr{border-bottom:1px solid var(--color-shadow-primary);transition:all .3s ease}.users-table tbody tr:hover{background:linear-gradient(135deg,#8b45131a,#a0522d1a);transform:translateX(5px)}.users-table td{color:var(--color-brown-light);padding:15px 12px;vertical-align:middle}.user-name{color:var(--color-brown-cream)!important}.user-email{color:var(--color-brown-light);font-family:monospace}.visit-count{background:linear-gradient(135deg,#27ae60,#2ecc71);border-radius:20px;box-shadow:0 4px 8px var(--color-shadow-medium);color:var(--color-brown-light-cream);font-size:.9rem;font-weight:600;padding:6px 12px;text-shadow:1px 1px 2px var(--color-shadow-dark)}.action-buttons{display:flex;gap:8px;justify-content:flex-start}.delete-button,.edit-button{align-items:center;background:none;border:none;border-radius:8px;cursor:pointer;display:flex;justify-content:center;padding:8px;transition:all .3s ease}.edit-button{color:#f39c12}.edit-button:hover{background:#f39c121a;transform:scale(1.1)}.delete-button{color:#e74c3c}.delete-button:hover{background:#e74c3c1a;transform:scale(1.1)}.no-users{border:2px dashed var(--color-brown-dark);border-radius:15px;font-style:italic}.loading-container,.no-users{background:linear-gradient(135deg,var(--color-bg-secondary) 0,var(--color-bg-tertiary) 100%);box-shadow:0 8px 25px var(--color-shadow-medium);color:var(--color-brown-light);padding:40px;text-align:center}.loading-container{border:2px solid var(--color-brown-dark);border-radius:15px}.loading-spinner{animation:spin 1s linear infinite;color:var(--color-brown-cream);margin-bottom:15px}.modal-overlay{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal{animation:coffeeBrew .6s ease-out;background:linear-gradient(145deg,var(--color-bg-secondary),var(--color-bg-tertiary),var(--color-bg-quaternary));border:2px solid var(--color-brown-dark);border-radius:20px;box-shadow:0 15px 40px var(--color-shadow-dark);max-height:80vh;max-width:500px;overflow-y:auto;position:relative;width:90%}.modal-header{align-items:center;border-bottom:2px solid var(--color-brown-dark);display:flex;justify-content:space-between;padding:20px 25px;position:relative;z-index:1}.modal-header h3{color:var(--color-brown-cream);font-size:1.3rem;margin:0;text-shadow:1px 1px 2px var(--color-shadow-dark)}.close-button{background:none;border:none;border-radius:50%;color:var(--color-brown-light);cursor:pointer;padding:5px;transition:all .3s ease}.close-button:hover{background:#cd853f1a;transform:scale(1.1)}.modal-content{padding:25px;position:relative;z-index:1}.modal-content p{color:var(--color-brown-light);line-height:1.6;margin-bottom:15px}.modal-content .warning{background:linear-gradient(135deg,#e74c3c1a,#c0392b1a);border:1px solid #e74c3c4d;border-radius:8px;color:#e74c3c;font-weight:600;padding:15px}.form-group{margin-bottom:20px;position:relative;z-index:1}.form-group label{color:var(--color-brown-cream);display:block;font-weight:600;margin-bottom:8px;text-shadow:1px 1px 2px var(--color-shadow-dark)}.form-group input{background:linear-gradient(145deg,var(--color-bg-secondary),var(--color-bg-tertiary));border:2px solid var(--color-brown-dark);border-radius:10px;box-sizing:border-box;color:var(--color-brown-light);font-size:1rem;padding:12px 15px;transition:all .3s ease;width:100%}.form-group input:focus{border-color:var(--color-brown-medium);box-shadow:0 0 0 4px var(--color-shadow-light),0 5px 15px var(--color-shadow-medium);outline:none;transform:translateY(-2px)}.form-group input::placeholder{color:var(--color-brown-medium);opacity:.7}.modal-actions{border-top:2px solid var(--color-brown-dark);display:flex;gap:15px;justify-content:flex-end;padding:20px 25px;position:relative;z-index:1}.cancel-button{background:linear-gradient(135deg,var(--color-bg-secondary) 0,var(--color-bg-tertiary) 100%);border:2px solid var(--color-brown-dark);border-radius:20px;box-shadow:0 8px 25px var(--color-shadow-dark);color:var(--color-brown-light);cursor:pointer;font-size:1rem;font-weight:600;letter-spacing:.5px;padding:12px 24px;text-shadow:1px 1px 2px var(--color-shadow-dark);transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.cancel-button:hover{background:linear-gradient(135deg,var(--color-bg-tertiary) 0,var(--color-bg-quaternary) 100%);border-color:var(--color-brown-medium);box-shadow:0 12px 30px #000000b3;transform:translateY(-2px) scale(1.03)}.save-button{background:linear-gradient(135deg,var(--color-brown-dark) 0,var(--color-brown-medium) 50%,var(--color-brown-light) 100%);border:none;border-radius:20px;box-shadow:0 8px 25px var(--color-shadow-dark);color:var(--color-brown-light-cream);cursor:pointer;font-size:1rem;font-weight:600;letter-spacing:.5px;padding:12px 24px;text-shadow:1px 1px 2px var(--color-shadow-dark);transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.save-button:hover:not(:disabled){background:linear-gradient(135deg,var(--color-brown-medium) 0,var(--color-brown-light) 50%,var(--color-brown-cream) 100%);box-shadow:0 12px 30px #000000b3;transform:translateY(-2px) scale(1.03)}.save-button:disabled{background:linear-gradient(135deg,var(--color-bg-quaternary) 0,var(--color-bg-tertiary) 100%);box-shadow:none;color:var(--color-brown-dark);cursor:not-allowed;opacity:.6;transform:none}.delete-confirm-button{background:linear-gradient(135deg,#e74c3c,#c0392b);border:none;border-radius:20px;box-shadow:0 8px 25px var(--color-shadow-dark);color:var(--color-brown-light-cream);cursor:pointer;font-size:1rem;font-weight:600;letter-spacing:.5px;padding:12px 24px;text-shadow:1px 1px 2px var(--color-shadow-dark);transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.delete-confirm-button:hover:not(:disabled){background:linear-gradient(135deg,#c0392b,#a93226);box-shadow:0 12px 30px #000000b3;transform:translateY(-2px) scale(1.03)}.delete-confirm-button:disabled{background:linear-gradient(135deg,var(--color-bg-quaternary) 0,var(--color-bg-tertiary) 100%);box-shadow:none;color:var(--color-brown-dark);cursor:not-allowed;opacity:.6;transform:none}@keyframes coffeeRotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (max-width:768px){.user-management{border-radius:15px;margin:10px;padding:15px}.user-management-header h2{font-size:1.5rem}.users-table{font-size:.9rem}.users-table td,.users-table th{padding:10px 8px}.action-buttons{flex-direction:column;gap:5px}.modal{margin:20px;width:calc(100% - 40px)}.modal-actions{flex-direction:column;gap:10px}}.vip-payment-button{background:var(--color-warning);border:none;border-radius:6px;box-shadow:var(--color-shadow-primary);color:var(--color-text-dark);cursor:pointer;margin-right:8px;padding:6px;transition:all .2s}.vip-payment-button:hover{background:var(--color-brown-light);box-shadow:var(--color-shadow-secondary);transform:translateY(-1px)}.vip-status{align-items:flex-start;display:flex;flex-direction:column}.vip-active{align-items:center;background:var(--color-warning);color:var(--color-text-dark);display:flex;font-weight:600}.vip-active,.vip-inactive{border-radius:12px;box-shadow:var(--color-shadow-primary);font-size:12px;padding:4px 8px}.vip-inactive{background:var(--color-muted);color:var(--color-text-light);font-weight:500}.vip-expiry{font-size:10px;font-weight:400;line-height:1.2;margin-top:2px;opacity:.8}.footer{animation:footerSlideUp 1.2s cubic-bezier(.175,.885,.32,1.275);background:var(--gradient-light);border-top:3px solid var(--color-border-primary);box-shadow:0 -8px 32px var(--color-shadow-primary);position:fixed;z-index:1000}.footer,.footer-background{bottom:0;left:0;overflow:hidden;right:0}.footer-background{pointer-events:none;position:absolute;top:0}.footer-particles{animation:particleFloat 8s linear infinite;background:radial-gradient(circle,var(--color-brown-cream) 0,#0000 70%);border-radius:50%;height:3px;opacity:.4;position:absolute;width:3px}.footer-particles:first-child{animation-delay:0s;animation-duration:10s;left:20%;top:30%}.footer-particles:nth-child(2){animation-delay:5s;animation-duration:12s;left:80%;top:70%}.footer-content{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1200px;padding:15px 30px;position:relative;z-index:2}.yavro-branding{align-items:center;animation:brandFadeIn 1s ease-out .3s both;display:flex;gap:12px}.logo-container{align-items:center;display:flex;justify-content:center;position:relative}.yavro-footer-logo{animation:logoPulse 3s ease-in-out infinite;border:2px solid var(--color-brown-cream);box-shadow:0 0 15px #deb88766;height:32px;object-fit:contain;position:relative;transition:all .3s ease;width:auto;z-index:2}.yavro-footer-logo:hover{box-shadow:0 0 25px var(--color-glow-secondary);transform:scale(1.1)}.logo-glow{animation:glowPulse 4s ease-in-out infinite;background:radial-gradient(circle,#deb88733 0,#0000 70%);height:50px;position:absolute;width:50px;z-index:1}.brand-text{align-items:flex-start;display:flex;flex-direction:column;gap:1px}.yavro-text{animation:textSlideIn .8s ease-out .5s both;color:var(--color-brown-light);font-size:.7rem;font-weight:500;letter-spacing:.5px;opacity:.8;text-transform:uppercase}.yavro-name{-webkit-text-fill-color:#0000;animation:nameGlow 3s ease-in-out infinite alternate;background:linear-gradient(135deg,var(--color-brown-cream) 0,var(--color-brown-light) 100%);-webkit-background-clip:text;background-clip:text;color:var(--color-brown-cream);font-size:1.2rem;font-weight:700;text-shadow:2px 2px 4px var(--color-shadow-dark)}.footer-tagline{align-items:center;animation:taglineFadeIn 1s ease-out .8s both;display:flex;flex-direction:column;gap:6px}.tagline-text{color:var(--color-brown-cream);font-size:.9rem;font-weight:600;letter-spacing:.3px;text-align:center;text-shadow:1px 1px 2px var(--color-shadow-dark)}.tagline-underline{animation:underlineExpand 1.5s ease-out 1.5s forwards;background:linear-gradient(90deg,#0000,var(--color-brown-cream),#0000);height:2px;width:0}.footer-bottom{align-items:center;border-top:1px solid var(--color-shadow-primary);display:flex;justify-content:center;padding:10px 30px;position:relative;z-index:2}.footer-line{animation:lineExpand 1s ease-out 1.2s forwards;background:linear-gradient(90deg,#0000,var(--color-brown-dark),#0000);height:1px;left:50%;position:absolute;top:0;transform:translateX(-50%);width:0}.copyright{animation:copyrightFadeIn .8s ease-out 2s both;color:var(--color-brown-medium);font-size:.7rem;opacity:.8}@keyframes footerSlideUp{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@keyframes particleFloat{0%{opacity:0;transform:translateY(0) translateX(0)}10%{opacity:.4}90%{opacity:.4}to{opacity:0;transform:translateY(-80px) translateX(30px)}}@keyframes brandFadeIn{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}@keyframes logoPulse{0%,to{box-shadow:0 0 15px #deb88766;transform:scale(1)}50%{box-shadow:0 0 25px #deb88799;transform:scale(1.05)}}@keyframes glowPulse{0%,to{opacity:.2;transform:scale(1)}50%{opacity:.4;transform:scale(1.1)}}@keyframes textSlideIn{0%{opacity:0;transform:translateX(-15px)}to{opacity:.8;transform:translateX(0)}}@keyframes nameGlow{0%{filter:drop-shadow(0 0 3px var(--color-glow-primary))}to{filter:drop-shadow(0 0 10px var(--color-glow-secondary))}}@keyframes taglineFadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes underlineExpand{0%{width:0}to{width:80px}}@keyframes lineExpand{0%{width:0}to{width:150px}}@keyframes copyrightFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:.8;transform:translateY(0)}}@media (max-width:768px){.footer-content{flex-direction:column;gap:12px;padding:12px 20px}.yavro-branding{gap:10px}.yavro-footer-logo{height:28px;width:auto}.yavro-name{font-size:1.1rem}.tagline-text{font-size:.8rem}.footer-bottom{padding:8px 20px}.copyright{font-size:.65rem}}@media (max-width:480px){.footer-content{gap:10px;padding:10px 15px}.yavro-footer-logo{height:24px;width:auto}.yavro-name{font-size:1rem}.tagline-text{font-size:.75rem}}.App{background:var(--gradient-background);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;min-height:100vh;overflow-x:hidden;overflow-y:hidden;position:relative;text-align:center}.App:before{animation:coffeeSteam 8s ease-in-out infinite;background:radial-gradient(circle at 20% 80%,var(--color-shadow-primary) 0,#0000 50%),radial-gradient(circle at 80% 20%,var(--color-shadow-primary) 0,#0000 50%),radial-gradient(circle at 40% 40%,var(--color-shadow-light) 0,#0000 50%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.App-header{margin-bottom:20px;position:relative}.App-header,.yavro-header{color:#fff;display:flex;z-index:1}.yavro-header{align-items:center;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:var(--color-glass-bg);border:1px solid var(--color-glass-border);border-radius:20px;box-shadow:0 8px 32px var(--color-shadow-primary);justify-content:center;margin:10px auto;max-width:1200px;padding:20px;text-align:center;width:100%}.header-actions{align-items:center;display:flex;gap:12px}.user-info{align-items:flex-end;color:#fff;display:flex;flex-direction:column;margin-right:8px}.user-name{font-size:.9rem;font-weight:600;text-shadow:1px 1px 2px var(--color-shadow-dark)}.user-role{border-radius:8px;font-size:.7rem;font-weight:600;padding:2px 6px;text-transform:uppercase}.user-role.admin{background-color:var(--color-error);color:#fff}.user-role.pos{background-color:var(--color-success);color:#fff}.yavro-logo{animation:logoGlow 4s ease-in-out infinite;border-radius:8px;box-shadow:0 8px 25px var(--color-shadow-dark),0 0 0 2px var(--color-shadow-secondary);filter:drop-shadow(0 0 10px var(--color-glow-primary));height:40px;object-fit:contain;width:auto}.yavro-text h1{-webkit-text-fill-color:#0000;animation:coffeeGlow 3s ease-in-out infinite alternate;background:linear-gradient(45deg,var(--color-brown-cream),var(--color-brown-light),var(--color-brown-medium));-webkit-background-clip:text;background-clip:text;font-size:2.5rem;font-weight:700;letter-spacing:2px;margin:0 0 5px;text-shadow:2px 2px 4px var(--color-shadow-dark)}.yavro-text p{animation:fadeInUp 1s ease-out .5s both;color:var(--color-brown-cream);font-size:1rem;font-weight:500;margin:0;opacity:.9;text-shadow:1px 1px 2px var(--color-shadow-dark)}.App-main{align-items:flex-start;display:flex;justify-content:center;margin:0 auto;max-width:100%;overflow:visible;padding:20px 20px 160px;position:relative;z-index:1}@keyframes coffeeSteam{0%,to{opacity:.3;transform:translateY(0) scale(1)}50%{opacity:.6;transform:translateY(-20px) scale(1.1)}}@keyframes coffeeGlow{0%{filter:drop-shadow(0 0 5px var(--color-glow-primary))}to{filter:drop-shadow(0 0 20px var(--color-glow-secondary))}}@keyframes logoGlow{0%,to{filter:drop-shadow(0 0 10px var(--color-glow-primary));transform:scale(1)}50%{filter:drop-shadow(0 0 20px var(--color-glow-secondary));transform:scale(1.05)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes coffeeBrew{0%{opacity:0;transform:scale(.8) rotate(-5deg)}50%{opacity:1;transform:scale(1.05) rotate(2deg)}to{opacity:1;transform:scale(1) rotate(0deg)}}@media (max-width:768px){.App{padding:0}.yavro-header{flex-direction:column;gap:10px}.yavro-logo{height:35px;width:auto}.yavro-text h1{font-size:2rem;letter-spacing:1px}.yavro-text p{font-size:.9rem}.App-header{margin-bottom:15px}.App-main{padding:0}}.dashboard-container{margin:0 auto;max-width:1200px;padding:20px;width:100%}.back-button{border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;margin-bottom:20px;padding:10px 20px;transition:background .3s ease}.back-button,.back-button:hover{background:var(--color-muted)}@media (max-width:768px){.yavro-header{flex-direction:column;gap:10px}.dashboard-container{padding:10px}}.instructions-toggle{bottom:170px;position:absolute;right:20px;z-index:10}.toggle-button{align-items:center;animation:helpButtonPulse 3s ease-in-out infinite;background:var(--gradient-primary);border:none;border-radius:50%;box-shadow:0 6px 20px var(--color-shadow-medium),0 0 0 2px var(--color-shadow-primary);color:var(--color-brown-light-cream);cursor:pointer;display:flex;font-size:.9rem;font-weight:600;height:50px;justify-content:center;min-width:50px;overflow:hidden;padding:12px;position:relative;transition:all .3s ease;width:50px}.toggle-button:before{background:linear-gradient(90deg,#0000,var(--color-glass-bg),#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.toggle-button:hover{background:var(--gradient-secondary);box-shadow:0 8px 25px var(--color-shadow-dark),0 0 0 3px var(--color-shadow-secondary);color:var(--color-brown-light-cream);transform:translateY(-2px) scale(1.1)}.toggle-button:hover:before{left:100%}.toggle-button:active{transform:translateY(0)}.toggle-button .button-icon{animation:none;height:36px;margin-left:7px;width:36px}.instructions{animation:fadeInUp .3s ease-out .2s both;background:var(--gradient-background);border-left:5px solid var(--color-brown-dark);border-radius:15px;bottom:100%;box-shadow:0 10px 25px var(--color-shadow-medium),inset 0 1px 0 var(--color-glass-bg);min-width:-webkit-max-content;min-width:max-content;padding:20px;position:relative;position:absolute;right:100%;text-align:left;z-index:1}.instructions h3{color:var(--color-brown-cream);font-size:1.1rem;font-weight:700;margin-bottom:15px;text-shadow:1px 1px 2px var(--color-shadow-dark)}.instructions ul{margin:0;padding-left:20px}.instructions li{animation:fadeInUp 4s ease-out 0 both;color:var(--color-brown-light);font-size:.9rem;font-weight:500;line-height:1.4;margin-bottom:8px;position:relative}.instructions li:first-child{animation-delay:1s}.instructions li:nth-child(2){animation-delay:1.2s}.instructions li:nth-child(3){animation-delay:1.4s}.instructions li:nth-child(4){animation-delay:1.6s}@keyframes helpButtonPulse{0%,to{box-shadow:0 6px 20px var(--color-shadow-medium),0 0 0 2px var(--color-shadow-primary);transform:scale(1)}50%{box-shadow:0 8px 25px var(--color-shadow-dark),0 0 0 3px var(--color-shadow-secondary);transform:scale(1.05)}}@media (max-width:768px){.instructions-toggle{bottom:145px;right:15px}.toggle-button{font-size:.8rem;height:45px;min-width:45px;padding:10px;width:45px}.instructions{padding:15px}.instructions h3{font-size:1rem;margin-bottom:10px}.instructions li{font-size:.85rem;margin-bottom:6px}}
/*# sourceMappingURL=main.39d5d706.css.map*/