@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";:root{--bg-primary: #1A237E;--bg-secondary: #1A237E;--color-primary: #1A237E;--color-secondary: #1A237E;--color-accent: #FF6B00;--color-highlight: #1A237E;--text-primary: #FFFFFF;--text-secondary: #FFFFFF;--text-muted: #FFFFFF;--border-color: #222222;--shadow-light: rgba(0, 0, 208, .1);--shadow-medium: rgba(0, 0, 208, .2);--shadow-heavy: rgba(0, 0, 208, .3)}body{margin:0%}.user-home{min-height:100vh;background-color:var(--bg-primary);color:var(--text-primary);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.main-content{padding-top:80px;padding-bottom:80px;background-color:var(--color-primary)}.hero-section{padding:2rem 1rem;background:linear-gradient(135deg,var(--bg-primary) 0%,var(--color-primary) 100%)}.hero-header{text-align:center;margin-bottom:2rem}.hero-title{font-size:2.5rem;font-weight:700;margin-bottom:1rem;background:linear-gradient(45deg,var(--text-primary),var(--color-highlight));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-subtitle{font-size:1.1rem;color:var(--text-secondary);max-width:600px;margin:0 auto}.section-header{text-align:center;margin-bottom:2rem;padding:0 0rem}.section-header h2{font-size:2rem;margin-bottom:.5rem;color:var(--text-primary)}.section-header p{color:var(--text-secondary);font-size:1rem}.tapago-home-category-zone{background-color:var(--bg-primary)}.tapago-home-category-heading{text-align:center;margin-bottom:2rem;padding:0}.tapago-home-category-heading h2{font-size:2rem;margin-bottom:.5rem;color:var(--text-primary)}.tapago-home-category-heading p{color:var(--text-secondary);font-size:1rem}.highlighted-section{padding:3rem 1rem}@media (max-width: 767px){.tapago-home-category-zone{padding:1.25rem 0 1.5rem;overflow:hidden}.tapago-home-category-heading{margin:0 0 1rem;padding:0 1rem}.tapago-home-category-heading h2{font-size:1.35rem;line-height:1.2;margin-bottom:.35rem}.tapago-home-category-heading p{font-size:.85rem;line-height:1.35;margin:0}.highlighted-section{padding:2rem 0 .5rem;margin-top:.75rem}.highlighted-header{margin-top:0;margin-bottom:1rem}}.promo-banner{margin:3rem 1rem;padding:3rem 2rem;background:linear-gradient(135deg,var(--color-primary),var(--color-accent));border-radius:15px;text-align:center;margin-top:30px;margin-bottom:-50px}.promo-content h3{font-size:2rem;margin-bottom:1rem}.promo-content p{font-size:1.1rem;margin-bottom:2rem;color:var(--text-secondary)}.promo-button{padding:.8rem 2rem;background-color:var(--color-highlight);color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.promo-button:hover{background-color:var(--color-accent);transform:translateY(-2px);box-shadow:0 5px 15px var(--shadow-heavy)}.loading-container,.error-container{display:flex;flex-direction:column;justify-content:center;align-items:center;position:fixed;inset:0;z-index:2000;background-color:var(--bg-primary)!important;min-height:100vh;padding:2rem;text-align:center}.user-home .spinner{width:50px;height:50px;border:3px solid rgba(255,255,255,.1);border-top-color:var(--color-accent);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1.5rem}.error-container button{margin-top:1rem;padding:.5rem 1.5rem;background-color:var(--color-accent);color:#fff;border:none;border-radius:5px;cursor:pointer}@media (min-width: 768px){.main-content{padding-top:112px;padding-bottom:40px}.hero-section{padding:4rem 2rem}.hero-title{font-size:3.5rem}.hero-subtitle{font-size:1.3rem}.tapago-home-category-zone,.highlighted-section{padding:4rem 2rem}.tapago-home-category-heading{margin-top:-40px}.highlighted-header{margin-top:-50px}.promo-banner{margin:4rem 2rem;padding:4rem}.promo-content h3{font-size:2.5rem}}@media (min-width: 1024px){.main-content{max-width:1200px;margin:0 auto}.hero-section{border-radius:0 0 20px 20px}}.loading-container{min-height:100vh;background:#1a237e;display:flex;align-items:center;justify-content:center}.loading-spinner{width:50px;height:50px;border:3px solid var(--color-secondary-40);border-top-color:var(--color-highlight);border-radius:50%;animation:spin 1s linear infinite}.not-found{min-height:100vh;background:#1a237e;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;text-align:center}.not-found-icon{font-size:4rem;color:var(--color-text-muted);margin-bottom:1.5rem}.not-found h1{color:var(--color-text-primary);font-size:1.8rem;margin-bottom:.5rem}.not-found p{color:var(--color-text-secondary);margin-bottom:2rem;max-width:300px}.back-button{background:linear-gradient(135deg,var(--color-primary),var(--color-accent));color:#fff;border:none;padding:.8rem 1.5rem;border-radius:10px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:all .3s ease}.back-button:hover{transform:translateY(-2px);box-shadow:0 5px 15px #0096ff66}.event-detail-container{min-height:100vh;background:#1a237e;color:var(--color-text-primary);position:relative;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.event-content{padding:1.5rem;padding-bottom:120px}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.event-content>*{animation:fadeIn .5s ease forwards}@media (min-width: 768px){.event-content{padding:2rem;max-width:800px;margin:0 auto}}@media (min-width: 1024px){.event-content{max-width:1000px;display:grid;grid-template-columns:1fr 400px;gap:2rem;padding-top:0}}:root{--color-background: #1A237E;--color-primary: #000057;--color-secondary: #000080;--color-accent: #FF6B00;--color-highlight: #0000D0;--color-text-primary: #FFFFFF;--color-text-secondary: #CCCCCC;--color-text-muted: #888888;--color-success: #00C853;--color-warning: #FF9800;--color-error: #F44336;--color-info: #2196F3;--color-secondary-40: rgba(0, 0, 128, .4)}:root{--primary: #000057;--secondary: #000080;--accent: #0000A8;--highlight: #0000D0;--dark-blue: #0b046dff;--light-blue: #4d4dff;--text-primary: #FFFFFF;--text-secondary: #CCCCCC;--text-muted: #888888;--success: #00C853;--warning: #FF9800;--error: #F44336;--info: #2196F3;--card-bg: rgba(11, 4, 109, .95);--overlay: rgba(0, 0, 87, .85)}body{font-family:Segoe UI,-apple-system,BlinkMacSystemFont,sans-serif;background:#000;color:var(--text-primary)}.login-container{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px;position:relative;overflow:hidden}.background-image{position:fixed;top:0;left:0;width:100%;height:100%;background-image:url(https://images.unsplash.com/photo-1533174072545-7a4b6ad7a6c3?ixlib=rb-4.0.3&auto=format&fit=crop&w=2000&q=80);background-size:cover;background-position:center;background-repeat:no-repeat;z-index:1}.image-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,var(--overlay),rgba(0,0,87,.7));z-index:2}.floating-elements{position:absolute;width:100%;height:100%;pointer-events:none;z-index:3}.floating-ticket,.floating-music,.floating-party{position:absolute;font-size:2rem;color:#ffffff4d;animation:floatSlow 15s infinite ease-in-out}.floating-ticket{top:10%;left:10%;animation-delay:0s}.floating-music{top:70%;right:15%;animation-delay:5s}.floating-party{top:40%;right:20%;animation-delay:10s}@keyframes floatSlow{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-20px) rotate(10deg)}}.login-card{position:relative;z-index:10;background:var(--card-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:24px;padding:30px;width:100%;max-width:500px;border:1px solid rgba(255,255,255,.15);box-shadow:0 25px 50px #00000080,0 0 100px #0000d04d,inset 0 0 0 1px #ffffff1a;overflow:hidden}.login-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--accent),var(--highlight));border-radius:24px 24px 0 0}.login-header{text-align:center;margin-bottom:30px}.logo-wrapper{display:flex;align-items:center;justify-content:center;gap:15px;margin-bottom:10px}.logo-icon{font-size:2.8rem;color:var(--accent);filter:drop-shadow(0 0 10px rgba(0,0,168,.5));animation:pulseGlow 2s infinite}@keyframes pulseGlow{0%,to{opacity:1}50%{opacity:.8}}.logo-wrapper h1{font-size:2.8rem;font-weight:900;background:linear-gradient(135deg,var(--accent),var(--highlight));-webkit-background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:-1px}.logo-wrapper h1 span{color:var(--text-primary);-webkit-text-fill-color:var(--text-primary)}.app-tagline{color:var(--text-secondary);font-size:1.1rem;font-weight:300;letter-spacing:1px;opacity:.9}.auth-toggle-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:30px}.toggle-grid-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px 12px;background:#ffffff0d;border:2px solid rgba(255,255,255,.1);border-radius:16px;color:var(--text-secondary);font-size:1rem;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);min-height:90px}.toggle-grid-btn:hover{transform:translateY(-2px);border-color:var(--accent);background:#0000a81a}.toggle-grid-btn.active{background:linear-gradient(135deg,var(--accent),var(--highlight));color:#fff;border-color:transparent;box-shadow:0 8px 25px #0000d066;transform:translateY(-2px)}.toggle-icon{font-size:1.5rem;margin-bottom:8px}.toggle-grid-btn span{font-weight:600;font-size:1.1rem;margin-bottom:4px}.toggle-grid-btn small{font-size:.75rem;opacity:.8;font-weight:300}.auth-form{margin-bottom:25px}.input-group.floating{position:relative;margin-bottom:20px}.input-icon{position:absolute;left:16px;top:18px;color:var(--text-muted);font-size:1.2rem;z-index:1}.input-group.floating input{width:100%;padding:22px 16px 10px 48px;background:#ffffff12;border:2px solid rgba(255,255,255,.1);border-radius:12px;color:var(--text-primary);font-size:1rem;transition:all .3s ease;position:relative;z-index:2}.input-group.floating input:focus{outline:none;border-color:var(--accent);background:#ffffff1a;box-shadow:0 0 0 4px #0000a833}.floating-label{position:absolute;left:48px;top:12px;color:var(--text-muted);font-size:.85rem;transition:all .3s ease;z-index:3;pointer-events:none}.input-group.floating input:focus+.floating-label,.input-group.floating input:not(:placeholder-shown)+.floating-label{top:8px;font-size:.75rem;color:var(--accent)}.password-toggle{position:absolute;right:16px;top:18px;background:transparent;border:none;color:var(--text-muted);cursor:pointer;font-size:1.2rem;z-index:3;transition:color .3s ease}.password-toggle:hover{color:var(--accent)}.otp-section{margin-bottom:20px;animation:slideDown .3s ease}.otp-actions{display:flex;justify-content:space-between;align-items:center;margin-top:8px}.otp-resend{background:transparent;border:none;color:var(--accent);font-size:.9rem;cursor:pointer;text-decoration:underline}.otp-resend:hover{color:var(--highlight)}.otp-timer{color:var(--warning);font-size:.9rem;font-weight:600}.login-options{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}.remember-checkbox{display:flex;align-items:center;gap:8px;cursor:pointer;color:var(--text-secondary);font-size:.95rem}.remember-checkbox input{display:none}.checkmark{width:20px;height:20px;border:2px solid rgba(255,255,255,.3);border-radius:5px;position:relative;transition:all .3s ease}.remember-checkbox input:checked+.checkmark{background:var(--accent);border-color:var(--accent)}.checkmark:after{content:"✓";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:12px;opacity:0;transition:opacity .3s ease}.remember-checkbox input:checked+.checkmark:after{opacity:1}.forgot-password{background:transparent;border:none;color:var(--accent);font-size:.95rem;cursor:pointer;text-decoration:underline}.forgot-password:hover{color:var(--highlight)}.submit-btn{width:100%;padding:18px;background:linear-gradient(135deg,var(--accent),var(--highlight));border:none;border-radius:14px;color:#fff;font-size:1.1rem;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:12px;transition:all .3s cubic-bezier(.4,0,.2,1);margin-bottom:25px;position:relative;overflow:hidden}.submit-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.submit-btn:hover{transform:translateY(-3px);box-shadow:0 15px 30px #0000d066}.submit-btn:hover:before{left:100%}.submit-btn.loading{opacity:.8;cursor:not-allowed}.btn-icon{transition:transform .3s ease}.submit-btn:hover .btn-icon{transform:translate(4px)}.divider{display:flex;align-items:center;margin:25px 0;position:relative}.divider:before{content:"";flex:1;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent)}.divider-text{padding:0 15px;color:var(--text-muted);font-size:.9rem;font-weight:300;background:var(--card-bg)}.social-login-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:25px}.social-grid-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:15px 10px;border:1.5px solid rgba(255,255,255,.1);border-radius:12px;background:#ffffff0d;color:var(--text-primary);cursor:pointer;transition:all .3s ease;min-height:80px}.social-grid-btn:hover{transform:translateY(-2px);border-color:var(--accent);background:#0000a81a}.social-icon{font-size:1.5rem;margin-bottom:8px}.social-icon img{width:24px;height:24px}.social-grid-btn span{font-size:.9rem;font-weight:500}.auth-switch-card{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:20px;text-align:center;margin-bottom:25px}.switch-text{color:var(--text-secondary);margin-bottom:12px;font-size:.95rem}.switch-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:12px 24px;background:#0000a833;border:1.5px solid var(--accent);border-radius:12px;color:var(--accent);font-weight:600;cursor:pointer;transition:all .3s ease}.switch-btn:hover{background:var(--accent);color:#fff;transform:translateY(-2px)}.featured-events{background:#ffffff08;border-radius:16px;padding:20px;margin-top:20px}.events-title{display:flex;align-items:center;gap:10px;color:var(--text-secondary);font-size:1rem;margin-bottom:15px;font-weight:500}.events-scroll{display:flex;gap:10px;overflow-x:auto;padding-bottom:5px}.events-scroll::-webkit-scrollbar{height:4px}.events-scroll::-webkit-scrollbar-track{background:#ffffff0d;border-radius:2px}.events-scroll::-webkit-scrollbar-thumb{background:var(--accent);border-radius:2px}.event-chip{display:flex;align-items:center;gap:8px;padding:10px 16px;background:#ffffff12;border:1px solid rgba(255,255,255,.1);border-radius:50px;color:var(--text-secondary);font-size:.9rem;white-space:nowrap;transition:all .3s ease}.event-chip:hover{background:#0000a833;border-color:var(--accent);color:var(--text-primary)}.login-footer{position:fixed;bottom:20px;left:50%;transform:translate(-50%);text-align:center;color:var(--text-secondary);font-size:.85rem;z-index:10;background:#000057cc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:12px 24px;border-radius:50px;border:1px solid rgba(255,255,255,.1)}.login-footer strong{color:var(--accent)}.footer-links{margin-top:5px;font-size:.8rem}.footer-links a{color:var(--text-secondary);text-decoration:none;margin:0 8px;transition:color .3s ease}.footer-links a:hover{color:var(--accent);text-decoration:underline}@media (max-width: 768px){.login-container{padding:10px}.login-card{padding:25px 20px;border-radius:20px}.auth-toggle-grid{grid-template-columns:repeat(2,1fr)}.toggle-grid-btn{min-height:85px;padding:15px 8px}.toggle-grid-btn span{font-size:1rem}.toggle-grid-btn small{font-size:.7rem}.social-login-grid{grid-template-columns:repeat(3,1fr);gap:8px}.social-grid-btn{min-height:70px;padding:12px 8px}.logo-wrapper h1{font-size:2.2rem}.app-tagline{font-size:1rem}}@media (max-width: 480px){.login-card{padding:20px 15px;border-radius:18px}.toggle-grid-btn{min-height:80px;padding:12px 6px}.toggle-icon{font-size:1.2rem;margin-bottom:6px}.input-group.floating input{padding:20px 16px 8px 48px;font-size:.95rem}.submit-btn{padding:16px;font-size:1rem}.login-footer{padding:10px 20px;font-size:.8rem;bottom:10px}}.login-card{animation:slideUpFade .6s cubic-bezier(.4,0,.2,1)}@keyframes slideUpFade{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@media (prefers-color-scheme: dark){.login-card{background:#0b046dfa}}.auth-message{margin:15px 0;padding:12px 16px;border-radius:12px;display:flex;align-items:center;gap:10px;font-size:.95rem;animation:slideDown .3s ease}.auth-message.error{background:#f443361a;border:1px solid rgba(244,67,54,.3);color:#ff5252}.auth-message.success{background:#00c8531a;border:1px solid rgba(0,200,83,.3);color:#00e676}.quick-login-buttons{display:flex;gap:10px;margin:20px 0;justify-content:center;flex-wrap:wrap}.quick-login-buttons button{padding:8px 16px;background:#ffffff1a;border:1px solid var(--accent);border-radius:8px;color:var(--text-secondary);font-size:.8rem;cursor:pointer;transition:all .3s ease}.quick-login-buttons button:hover{background:var(--accent);color:#fff;transform:translateY(-2px)}.otp-hint{margin-top:10px;font-size:.85rem;color:var(--text-muted);text-align:center}.otp-hint strong{color:var(--accent);font-weight:600}.otp-timer{color:var(--warning);font-size:.9rem;font-weight:600;font-family:monospace}.toggle-grid-btn{transition:all .3s cubic-bezier(.4,0,.2,1)}.toggle-grid-btn:hover:not(.active){transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.spinner{width:22px;height:22px;border:3px solid rgba(255,255,255,.15);border-top-color:#fff;border-radius:50%;animation:spin 1s linear infinite}@media (max-width: 480px){.quick-login-buttons{gap:6px}.quick-login-buttons button{padding:6px 12px;font-size:.75rem}.auth-message{padding:10px 12px;font-size:.9rem}}.login-card{max-width:480px;padding:24px}.card-content{display:grid;gap:18px}.auth-shell-header{margin-bottom:0}.auth-shell{display:grid;gap:14px}.auth-mode-switch{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;padding:5px;background:#ffffff0f;border:1px solid rgba(255,255,255,.08);border-radius:16px}.auth-mode-btn,.login-method-btn{border:none;background:transparent;color:var(--text-secondary);border-radius:12px;padding:11px 14px;display:inline-flex;align-items:center;justify-content:center;gap:10px;cursor:pointer;font-size:.92rem;font-weight:700;transition:all .3s ease}.auth-mode-btn.active,.login-method-btn.active{background:linear-gradient(135deg,#0000a8e6,#0000d0f2);color:#fff;box-shadow:0 10px 24px #0000d047}.auth-mode-btn:hover:not(.active),.login-method-btn:hover:not(.active){background:#ffffff0f;color:#fff}.auth-panel{display:grid;gap:14px;padding:18px;background:#ffffff0d;border:1px solid rgba(255,255,255,.08);border-radius:18px}.auth-panel-header{display:grid;gap:8px}.auth-panel-kicker{display:inline-block;margin-bottom:6px;color:var(--accent);font-size:.72rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.auth-panel-title{margin:0;font-size:1.55rem;line-height:1.1;color:var(--text-primary)}.auth-panel-subtitle{margin:4px 0 0;color:var(--text-secondary);font-size:.9rem;line-height:1.45}.auth-form{margin-bottom:0;display:grid;gap:12px}.input-group.floating{margin-bottom:0}.input-group.floating input{min-height:52px;padding:15px 16px 15px 46px;border-radius:12px}.input-group.floating input::placeholder{color:#ffffff85}.input-icon,.password-toggle{top:50%;transform:translateY(-50%)}.login-options{margin-bottom:0;padding-top:2px}.submit-btn{margin-bottom:0;min-height:52px;border-radius:14px;font-size:1rem}.otp-section{margin-bottom:0;padding:14px;border-radius:16px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08)}.auth-message{margin:0}@media (max-width: 768px){.login-card{max-width:100%;padding:18px}.auth-panel{padding:16px}.auth-panel-title{font-size:1.4rem}}@media (max-width: 480px){.login-card{padding:14px}.auth-panel-title{font-size:1.25rem}.auth-panel-subtitle{font-size:.86rem}}:root{--primary: #1A237E;--secondary: #1A237E;--accent: #FF6B00;--highlight: #0000D0;--dark-blue: #1A237E;--light-blue: #FF8C35;--text-primary: #FFFFFF;--text-secondary: #CCCCCC;--text-muted: #888888;--success: #00C853;--warning: #FF9800;--error: #F44336;--info: #2196F3;--card-bg: rgba(26, 35, 126, .95);--overlay: rgba(26, 35, 126, .85);--shadow: 0 4px 20px rgba(0, 0, 0, .3);--radius: 16px;--radius-sm: 12px}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:#1a237e;color:var(--text-primary);min-height:100vh;min-width:100vw}.payment-page{max-width:100%;padding:20px;margin:0 auto;animation:fadeIn .5s ease}.payment-loading,.payment-error{display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:var(--secondary);min-height:80vh;text-align:center;gap:20px;padding:20px}.spinner-large{width:60px;height:60px;display:flex;align-items:center;justify-content:center}.spinning{animation:spin 1s linear infinite;font-size:2rem;color:var(--accent)}.error-icon{font-size:3rem;color:var(--error);margin-bottom:20px}.payment-error h2{margin-bottom:10px;color:var(--text-primary)}.payment-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;padding-bottom:15px;border-bottom:1px solid rgba(255,255,255,.1)}.bback-button{display:flex;align-items:center;gap:8px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:var(--radius-sm);color:var(--text-primary);padding:10px 16px;font-size:.95rem;cursor:pointer;transition:all .3s ease}.back-button:hover{background:#ffffff26;transform:translate(-2px)}.payment-header h1{font-size:1.5rem;font-weight:700;text-align:center;flex:1}.secure-badge{display:flex;align-items:center;gap:6px;background:#00c8531a;border:1px solid rgba(0,200,83,.3);color:var(--success);padding:8px 12px;border-radius:20px;font-size:.85rem;font-weight:500}.event-card,.summary-card,.methods-card,.details-card,.qr-card,.actions-card,.support-card{background:var(--card-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:var(--radius);padding:20px;margin-bottom:20px;border:1px solid rgba(255,255,255,.1);box-shadow:var(--shadow)}.event-card{display:flex;flex-direction:column;gap:15px}.event-image{position:relative;width:100%;height:160px;border-radius:var(--radius-sm);overflow:hidden}.event-image img{width:100%;height:100%;object-fit:cover}.event-badge{position:absolute;top:12px;right:12px;background:var(--accent);color:#fff;padding:6px 12px;border-radius:20px;font-size:.85rem;font-weight:600;display:flex;align-items:center;gap:6px}.event-details h2{font-size:1.3rem;margin-bottom:12px;line-height:1.3}.event-info{display:flex;flex-direction:column;gap:8px}.info-row{display:flex;align-items:center;gap:10px;font-size:.9rem;color:var(--text-secondary)}.info-row svg{color:var(--accent);width:16px}.summary-card h3,.methods-card h3,.details-card h3,.qr-card h3{margin-bottom:20px;font-size:1.2rem;display:flex;align-items:center;gap:10px}.amount-row,.fee-row,.total-row{display:flex;justify-content:space-between;padding:8px 0}.fee-row{border-bottom:1px solid rgba(255,255,255,.05);font-size:.9rem}.fee-row span:first-child{color:var(--text-secondary)}.total-row{margin-top:15px;padding-top:15px;border-top:2px solid rgba(255,255,255,.1);font-weight:700;font-size:1.1rem}.total-amount{color:var(--accent);font-size:1.3rem}.methods-list{display:flex;flex-direction:column;gap:12px}.method-item{display:flex;align-items:center;gap:12px;padding:15px;background:#ffffff0d;border:2px solid rgba(255,255,255,.1);border-radius:var(--radius-sm);cursor:pointer;transition:all .3s ease;position:relative}.method-item:hover:not(.selected){background:#ffffff14}.method-item.selected{border-color:var(--accent);background:#ff6b0026}.method-icon{width:50px;height:50px;border-radius:10px;background-size:contain}.method-icon img{width:100%;height:100%;border-radius:5px}.method-info{flex:1}.method-info h4{font-size:1.1rem;margin-bottom:4px}.method-info p{font-size:.9rem;color:var(--text-secondary)}.method-check{color:var(--success);font-size:1.2rem}.method-logo{height:24px;width:auto;position:absolute;right:15px;top:50%;transform:translateY(-50%)}.form-group{margin-bottom:20px}.form-group label{display:flex;align-items:center;gap:8px;margin-bottom:8px;font-weight:500;color:var(--accent)}.form-group input{width:100%;padding:15px;background:#ffffff12;border:2px solid rgba(255,255,255,.1);border-radius:var(--radius-sm);color:var(--text-primary);font-size:1rem;transition:all .3s ease}.form-group input:focus{outline:none;border-color:var(--accent);background:#ffffff1a}.form-group small{display:block;margin-top:6px;color:var(--text-muted);font-size:.85rem}.quantity-selector{display:flex;justify-content:space-between;align-items:center;margin:20px 0;padding:15px;background:#ffffff0d;border-radius:var(--radius-sm)}.quantity-selector label{font-weight:600}.quantity-controls{display:flex;align-items:center;gap:15px}.quantity-controls button{width:36px;height:36px;border-radius:50%;background:#ffffff1a;border:none;color:var(--text-primary);font-size:1.2rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.quantity-controls button:disabled{opacity:.3;cursor:not-allowed}.quantity-controls button:not(:disabled):hover{background:#fff3}.quantity-controls span{font-size:1.2rem;font-weight:700;min-width:30px;text-align:center}.user-info{margin-top:20px;padding-top:20px;border-top:1px solid rgba(255,255,255,.1)}.balance-row{display:flex;justify-content:space-between;align-items:center;margin-top:10px;padding:10px;background:#ffffff0d;border-radius:var(--radius-sm)}.balance{font-weight:700;color:var(--success);font-size:1.1rem}.qr-container{display:flex;flex-direction:column;align-items:center;gap:15px}.qr-container img{width:200px;height:200px;border-radius:12px;padding:10px;background:#fff}.qr-container p{text-align:center;color:var(--text-secondary);font-size:.9rem}.message{padding:15px;border-radius:var(--radius-sm);margin-bottom:20px;display:flex;align-items:center;gap:10px;animation:slideDown .3s ease}.message.error{background:#f443361a;border:1px solid rgba(244,67,54,.3);color:#ff5252}.message.success{background:#00c8531a;border:1px solid rgba(0,200,83,.3);color:#00e676}.pay-button{width:100%;padding:18px;background:linear-gradient(135deg,var(--accent),var(--highlight));border:none;border-radius:var(--radius-sm);color:#fff;font-size:1.1rem;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:12px;transition:all .3s ease;margin-bottom:15px}.pay-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 25px #0000d04d}.pay-button:disabled{opacity:.7;cursor:not-allowed}.pay-button.processing{background:linear-gradient(135deg,var(--primary),var(--secondary))}.tickets-button,.dashboard-button{width:100%;padding:15px;margin-bottom:12px;border:none;border-radius:var(--radius-sm);font-size:1rem;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px;transition:all .3s ease}.tickets-button{background:var(--success);color:#fff}.dashboard-button{background:#ffffff1a;color:var(--text-primary);border:1px solid rgba(255,255,255,.2)}.tickets-button:hover,.dashboard-button:hover{transform:translateY(-2px)}.security-note{display:flex;align-items:center;justify-content:center;gap:8px;color:var(--text-muted);font-size:.9rem;margin-top:15px}.support-card{text-align:center}.support-card h4{margin-bottom:10px;color:var(--accent)}.support-card p{margin-bottom:8px;font-size:.9rem}.support-card strong{color:var(--text-primary)}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 480px){.payment-page{padding:15px}.payment-header h1{font-size:1.3rem}.secure-badge{font-size:.8rem;padding:6px 10px}.event-image{height:140px}.qr-container img{width:180px;height:180px}.method-logo{display:none}}@media (min-width: 768px){.payment-page{max-width:500px}}@media (min-width: 1024px){.payment-page{max-width:500px}}:root{--primary: #1A237E;--secondary: #1A237E;--accent: #FF6B00;--highlight: #0000D0;--dark-blue: #1A237E;--light-blue: #FF8C35;--text-primary: #FFFFFF;--text-secondary: #CCCCCC;--text-muted: #888888;--success: #00C853;--warning: #FF9800;--error: #F44336;--info: #2196F3;--card-bg: rgba(26, 35, 126, .95);--overlay: rgba(26, 35, 126, .85);--shadow: 0 8px 32px rgba(0, 0, 0, .3);--glow: 0 0 20px rgba(0, 0, 208, .2);--radius: 18px;--radius-sm: 10px;--radius-xs: 6px}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:#1a237e;color:var(--text-primary);min-height:100vh;line-height:1.5}.profile-container{max-width:100%;min-height:100vh;padding:15px;position:relative;animation:fadeIn .6s ease}.profile-background{position:fixed;inset:0;background-image:url(https://images.unsplash.com/photo-1533174072545-7a4b6ad7a6c3?ixlib=rb-4.0.3&auto=format&fit=crop&w=2000&q=80);background-size:cover;background-position:center;background-attachment:fixed;z-index:-1}.background-overlay{position:absolute;inset:0;background:linear-gradient(135deg,var(--overlay),rgba(0,0,87,.7))}.profile-loading,.profile-error{display:flex;flex-direction:column;background-color:var(--primary);align-items:center;justify-content:center;min-height:100vh;text-align:center;padding:40px 20px;gap:24px}.spinner{width:50px;height:50px;border:4px solid rgba(255,255,255,.1);border-top:4px solid var(--accent);border-radius:50%;animation:spin 1.2s linear infinite}.error-icon{font-size:3rem;color:var(--error);margin-bottom:15px}.profile-error h2{margin-bottom:10px;font-size:1.6rem;font-weight:700}.profile-error p{color:var(--text-secondary);margin-bottom:25px;max-width:400px}.login-button{padding:12px 28px;background:var(--accent);color:#fff;border:none;border-radius:var(--radius-sm);font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.login-button:hover{background:var(--highlight);transform:translateY(-2px);box-shadow:var(--glow)}.profile-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px;position:relative;z-index:1}.back-button,.logout-button{width:42px;height:42px;display:flex;align-items:center;justify-content:center;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:50%;color:var(--text-primary);font-size:1.1rem;cursor:pointer;transition:all .3s ease}.back-button:hover,.logout-button:hover{background:#ffffff26;border-color:var(--accent);transform:scale(1.1)}.profile-header h1{font-size:1.6rem;font-weight:700;text-align:center;background:linear-gradient(135deg,var(--text-primary),rgba(255,255,255,.9));-webkit-background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:-.5px}.profile-main-card{background:var(--card-bg);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border-radius:var(--radius);padding:25px;margin-bottom:20px;border:1px solid rgba(255,255,255,.15);box-shadow:var(--shadow);position:relative;overflow:hidden}.profile-main-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--accent),var(--highlight))}.profile-avatar-section{display:flex;align-items:center;gap:20px;margin-bottom:25px;padding-bottom:20px;border-bottom:1px solid rgba(255,255,255,.1)}.avatar-container{position:relative}.avatar{width:90px;height:90px;background:linear-gradient(135deg,var(--accent),var(--highlight));border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:2rem;font-weight:700;color:#fff;box-shadow:0 6px 25px #0000d04d}.user-status{position:absolute;bottom:0;right:0;display:flex;align-items:center;gap:6px;background:#000000b3;padding:5px 10px;border-radius:18px;font-size:.8rem}.status-indicator{width:8px;height:8px;border-radius:50%}.status-indicator.active{background:var(--success);box-shadow:0 0 8px var(--success)}.profile-basic-info{flex:1}.profile-basic-info h2{font-size:1.6rem;margin-bottom:6px;font-weight:700}.user-type{display:flex;align-items:center;gap:8px;color:var(--text-primary);font-weight:600;margin-bottom:10px;font-size:1rem}.member-since{display:flex;align-items:center;gap:8px;color:var(--text-secondary);font-size:.9rem}.contact-info-section{margin-bottom:25px}.contact-info-section h3{display:flex;align-items:center;gap:10px;font-size:1.3rem;margin-bottom:20px;color:var(--text-primary)}.info-grid{display:grid;grid-template-columns:1fr;gap:14px;margin-bottom:20px}.info-item{display:flex;align-items:center;gap:14px;padding:14px;background:#ffffff0d;border-radius:var(--radius-sm);border:1px solid rgba(255,255,255,.1);transition:all .3s ease}.info-item:hover{background:#ffffff14;border-color:#fff3;transform:translateY(-2px)}.info-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#ffffff1a;border-radius:10px;color:#fff;font-size:1.1rem}.info-content{flex:1}.info-label{display:block;font-size:.85rem;color:var(--text-secondary);margin-bottom:4px}.info-value{display:block;font-size:1rem;font-weight:600;color:var(--text-primary)}.edit-form{background:#ffffff0d;border-radius:var(--radius-sm);padding:20px;border:1px solid rgba(255,255,255,.1)}.form-group{margin-bottom:18px}.form-group label{display:flex;align-items:center;gap:8px;margin-bottom:8px;font-weight:600;color:var(--text-primary);font-size:.95rem}.edit-input{width:100%;padding:14px;background:#ffffff12;border:2px solid rgba(255,255,255,.1);border-radius:var(--radius-xs);color:var(--text-primary);font-size:.95rem;transition:all .3s ease;font-weight:500}.edit-input:focus{outline:none;border-color:var(--accent);background:#ffffff1a;box-shadow:0 0 0 3px #ff6b0033}.form-actions{display:flex;gap:10px;margin-top:20px}.save-btn,.cancel-btn,.edit-profile-btn{flex:1;padding:14px;border:none;border-radius:var(--radius-xs);font-size:.95rem;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .3s ease}.save-btn{background:linear-gradient(135deg,var(--accent),var(--highlight));color:#fff}.save-btn:hover:not(.disabled){transform:translateY(-2px);box-shadow:var(--glow)}.save-btn.disabled{opacity:.5;cursor:not-allowed}.cancel-btn{background:#ffffff1a;color:var(--text-primary);border:1px solid rgba(255,255,255,.2)}.cancel-btn:hover{background:#ffffff26;border-color:var(--error)}.edit-profile-btn{width:100%;padding:14px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:var(--radius-xs);color:var(--text-primary);font-weight:600;cursor:pointer;transition:all .3s ease;margin-top:14px}.edit-profile-btn:hover{background:#ffffff26;border-color:var(--accent);transform:translateY(-2px)}.user-id-section{display:flex;justify-content:space-between;align-items:center;padding:18px;background:#ffffff0d;border-radius:var(--radius-sm);border:1px solid rgba(255,255,255,.1)}.user-id-content{display:flex;align-items:center;gap:14px}.id-icon{font-size:1.6rem;color:var(--text-primary)}.id-label{display:block;font-size:.85rem;color:var(--text-secondary);margin-bottom:4px}.id-value{display:block;font-size:.9rem;font-weight:600;color:var(--text-primary);word-break:break-all}.security-badge{display:flex;align-items:center;gap:8px;background:#00c8531a;border:1px solid rgba(0,200,83,.3);color:var(--success);padding:7px 14px;border-radius:50px;font-size:.85rem;font-weight:600}.quick-actions{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-bottom:20px}.action-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:18px 14px;background:var(--card-bg);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border:1px solid rgba(255,255,255,.15);border-radius:var(--radius-sm);color:var(--text-primary);cursor:pointer;transition:all .3s ease;text-align:center}.action-btn:hover{background:#ffffff1a;border-color:var(--accent);transform:translateY(-3px);box-shadow:var(--glow)}.action-btn svg{font-size:1.6rem;color:#fff}.action-btn span{font-size:.85rem;font-weight:600}.system-info{background:var(--card-bg);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border-radius:var(--radius);padding:20px;margin-bottom:20px;border:1px solid rgba(255,255,255,.15)}.system-info h3{font-size:1.2rem;margin-bottom:18px;color:var(--text-primary)}.system-grid{display:grid;grid-template-columns:1fr;gap:14px}.system-item{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.05)}.system-item:last-child{border-bottom:none}.system-item span:first-child{color:var(--text-secondary);font-size:.9rem}.system-item span:last-child{font-weight:600;color:var(--text-primary)}.status.active{color:var(--success);font-weight:700}.security-footer{display:flex;flex-direction:column;align-items:center;gap:18px;padding:20px;background:#ffffff0d;border-radius:var(--radius);border:1px solid rgba(255,255,255,.1);text-align:center}.security-info{display:flex;align-items:center;gap:10px;color:var(--text-secondary)}.security-info p{font-size:.9rem}.help-btn{padding:10px 20px;background:transparent;border:1px solid var(--accent);border-radius:var(--radius-xs);color:var(--text-primary);font-weight:600;cursor:pointer;transition:all .3s ease}.help-btn:hover{background:var(--accent);color:#fff;transform:translateY(-2px)}@media (max-width: 480px){.profile-container{padding:12px}.profile-header h1{font-size:1.4rem}.profile-main-card{padding:18px}.avatar{width:75px;height:75px;font-size:1.8rem}.profile-basic-info h2{font-size:1.4rem}.quick-actions{grid-template-columns:1fr}.form-actions{flex-direction:column}.user-id-section{flex-direction:column;gap:15px;text-align:center}}@media (min-width: 768px){.profile-container{max-width:550px;margin:0 auto}.info-grid{grid-template-columns:repeat(2,1fr)}.system-grid{grid-template-columns:repeat(3,1fr)}.quick-actions{grid-template-columns:repeat(4,1fr)}.profile-avatar-section{gap:25px}.avatar{width:100px;height:100px;font-size:2.2rem}}@media (min-width: 1024px){.profile-container{max-width:600px}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}*:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:var(--radius-xs)}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:#ffffff0d;border-radius:3px}::-webkit-scrollbar-thumb{background:var(--accent);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--highlight)}:root{--ticket-elevation: 0 10px 30px rgba(0, 0, 0, .4);--ticket-hover-elevation: 0 20px 50px rgba(255, 107, 0, .35);--compact-padding: 20px;--ticket-bg-image: url(/Cartel%20Fiesta%20Fin%20de%20A%C3%B1o%20Llamativo%20Morado%20Blanco.png);--ticket-bg-color: #1A237E}.ticket-card-compact{background:var(--ticket-bg-color);background-size:cover;background-position:right;border-radius:20px;padding:var(--compact-padding);border:1px solid rgba(255,140,53,.2);position:relative;overflow:hidden;margin-bottom:16px;box-shadow:var(--ticket-elevation);transition:all .4s cubic-bezier(.4,0,.2,1);cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.ticket-card-compact:hover{transform:translateY(-4px);box-shadow:var(--ticket-hover-elevation);border-color:#ff8c3566}.ticket-card-compact:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--accent) 0%,var(--highlight) 50%,var(--light-blue) 100%);opacity:.6;transition:opacity .3s ease}.ticket-card-compact:hover:before{opacity:1;animation:shimmerLine 2s infinite linear}@keyframes shimmerLine{0%{background-position:-200% 0}to{background-position:200% 0}}.ticket-header-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;gap:12px}.ticket-meta-info{display:flex;align-items:center;gap:8px;flex-wrap:wrap;flex:1}.compact-status{padding:4px 12px;border-radius:12px;font-size:10px;font-weight:800;letter-spacing:.5px;text-transform:uppercase;z-index:2;display:flex;align-items:center;gap:4px;box-shadow:0 2px 8px #0003;flex-shrink:0;white-space:nowrap}.compact-status.active{background:linear-gradient(45deg,var(--success),#00e676);color:#fff}.compact-status.used{background:linear-gradient(45deg,var(--warning),#ffb74d);color:#fff}.compact-status.cancelled{background:linear-gradient(45deg,var(--danger),#ff5252);color:#fff}.ticket-header-ultra-compact{display:flex;align-items:center;gap:16px;margin-bottom:16px;position:relative}.ticket-event-title-row{margin:12px 0;text-align:center}.ticket-event-title-row .compact-event-title{margin:0;font-size:18px;font-weight:700;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-shadow:0 1px 3px rgba(0,0,0,.5)}.event-icon-compact{width:56px;height:56px;background:linear-gradient(135deg,var(--accent) 0%,var(--highlight) 100%);border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:22px;color:#fff;flex-shrink:0;box-shadow:0 8px 20px #ff6b004d;position:relative;overflow:hidden}.event-icon-compact:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .6s}.ticket-card-compact:hover .event-icon-compact:after{left:100%}.compact-event-info{flex:1;min-width:0}.compact-event-title{margin:0 0 6px;font-size:16px;font-weight:700;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:color .3s ease}.ticket-card-compact:hover .compact-event-title{color:var(--light-blue)}.compact-event-meta{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.compact-meta-item{display:flex;align-items:center;gap:6px;font-size:12px;color:#fff;background:#0009;padding:4px 10px;border-radius:10px;border:1px solid rgba(255,255,255,.15);transition:all .3s ease}.compact-meta-item:hover{background:#000c;transform:translateY(-1px)}.ticket-type-badge{padding:3px 8px;border-radius:6px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;background:#0009;color:#fff;border:1px solid rgba(255,255,255,.2)}.ticket-type-badge.vip{background:linear-gradient(135deg,#b48c00cc,#8c6400b3);color:#fff;border-color:#ffd70080;box-shadow:0 2px 8px #0000004d}.ticket-type-badge.lounge{background:linear-gradient(135deg,#2864a0cc,#1e508cb3);color:#fff;border-color:#64b5f680;box-shadow:0 2px 8px #64b5f633}.ticket-type-badge.vendor{background:linear-gradient(135deg,#78328ccc,#5a286eb3);color:#fff;border-color:#ce93d880;box-shadow:0 2px 8px #0000004d}.ticket-type-badge.normal{background:#0009;color:#fff;border-color:#ff8c3566}.compact-stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:16px 0;padding:16px;background:#0003;border-radius:14px;border:1px solid rgba(255,255,255,.05)}.compact-stat{text-align:center;padding:12px;background:#ffffff08;border-radius:10px;transition:all .3s ease;cursor:pointer;position:relative;overflow:hidden}.compact-stat:before{content:"";position:absolute;inset:0;background:linear-gradient(45deg,transparent 0%,rgba(255,140,53,.1) 50%,transparent 100%);opacity:0;transition:opacity .3s ease}.compact-stat:hover:before{opacity:1}.compact-stat:hover{background:#ffffff14;transform:translateY(-2px)}.compact-stat-icon{width:24px;height:24px;margin:0 auto 8px;background:#ff8c351a;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:12px;color:var(--light-blue)}.compact-stat-value{font-size:14px;font-weight:700;color:var(--text-primary);margin-bottom:2px;transition:color .3s ease}.compact-stat:hover .compact-stat-value{color:var(--highlight)}.compact-stat-label{font-size:10px;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.compact-stat-value.price{color:var(--highlight);font-size:16px;position:relative;display:inline-block}.compact-stat-value.price:after{content:"MZN";position:absolute;top:-6px;right:-20px;font-size:8px;color:var(--text-secondary);background:#ffffff1a;padding:1px 4px;border-radius:3px;font-weight:600}.qr-preview-mini{display:flex;align-items:center;gap:16px;padding:12px;background:#0003;border-radius:14px;border:1px solid rgba(255,140,53,.15);margin:8px 0;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.qr-image-wrap{width:108px;height:108px;border-radius:8px;overflow:hidden;flex-shrink:0;background:#fff;display:flex;align-items:center;justify-content:center}.qr-code-real{width:47px;height:47px;object-fit:cover;display:block}.qr-preview-mini:hover{background:#0000004d;border-color:#ff8c354d;transform:translateY(-2px)}.qr-preview-mini:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 0%,rgba(255,140,53,.3) 50%,transparent 100%)}.qr-mini-icon{width:48px;height:48px;background:#fff;border-radius:10px;display:flex;align-items:center;justify-content:center;color:var(--primary);flex-shrink:0;font-size:24px;box-shadow:0 4px 12px #0003}.qr-info-mini{flex:1;min-width:0}.qr-label-mini{margin:0 0 4px;font-size:13px;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.qr-id-mini{font-size:11px;color:var(--text-secondary);font-family:Courier New,monospace;letter-spacing:.5px}.qr-action-mini{padding:8px 16px;background:linear-gradient(45deg,var(--accent),var(--highlight));color:#fff;border:none;border-radius:8px;font-size:12px;font-weight:600;cursor:pointer;transition:all .3s ease;white-space:nowrap}.qr-action-mini:hover{transform:translateY(-2px);box-shadow:0 4px 12px #ff6b004d}.compact-controls{display:flex;gap:12px;margin-top:16px}.compact-btn{flex:1;padding:12px;border:none;border-radius:12px;font-size:13px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:8px;position:relative;overflow:hidden}.compact-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.15),transparent);transition:left .6s}.compact-btn:hover:before{left:100%}.compact-btn.primary{background:linear-gradient(45deg,var(--accent),var(--highlight));color:#fff}.compact-btn.primary:hover{transform:translateY(-3px);box-shadow:0 8px 20px #ff6b004d}.compact-btn.secondary{background:#ffffff12;color:var(--text-primary);border:1px solid rgba(255,255,255,.1)}.compact-btn.secondary:hover{background:#ffffff1f;transform:translateY(-3px)}.compact-btn.secondary.transfer{background:#f9731626;border-color:#f973164d;color:#f97316}.compact-btn.secondary.transfer:hover{background:#f9731640;border-color:#f9731680;box-shadow:0 4px 12px #f9731633}.expanded-details-compact{animation:slideDownCompact .3s ease-out;margin-top:16px;padding-top:16px;border-top:1px solid rgba(255,255,255,.1)}@keyframes slideDownCompact{0%{opacity:0;transform:translateY(-10px);max-height:0}to{opacity:1;transform:translateY(0);max-height:500px}}.details-grid-compact{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:16px}.detail-item-compact{background:#ffffff08;padding:12px;border-radius:10px;border:1px solid rgba(255,255,255,.05)}.detail-label-compact{display:block;font-size:11px;color:var(--text-secondary);margin-bottom:4px;text-transform:uppercase;letter-spacing:.5px}.detail-value-compact{font-size:13px;font-weight:600;color:var(--text-primary)}.voucher-preview-compact{background:linear-gradient(135deg,#ff8c3514,#00d4ff0a);border-radius:14px;padding:16px;margin-top:16px;border:1px solid rgba(255,140,53,.15);position:relative}.voucher-header-compact{display:flex;align-items:center;gap:10px;margin-bottom:12px}.voucher-icon-mini{width:32px;height:32px;background:linear-gradient(45deg,var(--accent),var(--highlight));border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:16px;color:#fff}.voucher-title-compact{font-size:14px;font-weight:700;color:var(--text-primary);flex:1}.voucher-badge{padding:4px 10px;background:#00c85326;color:var(--success);border-radius:10px;font-size:10px;font-weight:700;text-transform:uppercase}.voucher-value-compact{text-align:center;font-size:20px;font-weight:800;color:var(--highlight);margin:8px 0;position:relative}.voucher-value-compact:after{content:"MZN";position:absolute;top:-8px;right:-24px;font-size:9px;color:var(--text-secondary);background:#ffffff1a;padding:2px 6px;border-radius:4px}.voucher-progress-mini{height:4px;background:#ffffff1a;border-radius:2px;overflow:hidden;margin:12px 0}.progress-mini{height:100%;background:linear-gradient(90deg,var(--success),var(--light-blue));border-radius:2px}.voucher-actions-compact{display:flex;gap:8px;margin-top:12px}.voucher-btn-compact{flex:1;padding:10px;background:#ffffff12;border:1px solid rgba(255,255,255,.1);border-radius:8px;font-size:12px;font-weight:600;color:var(--text-primary);cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:6px}.voucher-btn-compact:hover{background:#ffffff1f;transform:translateY(-2px)}.voucher-btn-compact.primary{background:linear-gradient(45deg,var(--accent),var(--highlight));color:#fff;border:none}.voucher-btn-compact.primary:hover{box-shadow:0 4px 12px #ff6b004d}.toggle-details-btn{width:100%;padding:12px;background:transparent;border:none;border-radius:10px;color:var(--text-secondary);font-size:12px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;margin-top:12px;transition:all .3s ease;position:relative}.toggle-details-btn:hover{color:var(--text-primary);background:#ffffff0d}.toggle-details-btn:after{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:#ffffff1a;border-radius:50%;transform:translate(-50%,-50%);transition:width .3s ease,height .3s ease}.toggle-details-btn:hover:after{width:40px;height:40px}@media (max-width: 768px){:root{--compact-padding: 16px}.ticket-card-compact{padding:var(--compact-padding)}.compact-stats-grid{grid-template-columns:repeat(3,1fr);gap:10px;padding:12px}.compact-stat{padding:10px}.compact-stat-value{font-size:13px}.compact-stat-value.price{font-size:15px}.compact-controls{flex-direction:column}.details-grid-compact{grid-template-columns:1fr}.qr-preview-mini{flex-direction:column;text-align:center;gap:12px}.qr-action-mini{width:100%}.voucher-actions-compact{flex-direction:column}}@media (max-width: 480px){.ticket-header-ultra-compact{flex-direction:column;text-align:center;gap:12px}.ticket-header-row{flex-direction:row;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px}.ticket-meta-info{flex:1;min-width:0}.compact-status{flex-shrink:0;font-size:9px;padding:3px 10px}.ticket-event-title-row{text-align:center}.ticket-event-title-row .compact-event-title{font-size:16px}.compact-event-info{width:100%}.compact-stats-grid{grid-template-columns:repeat(2,1fr)}.compact-stat:nth-child(3){grid-column:1 / -1}.event-icon-compact{width:48px;height:48px;font-size:20px}.compact-event-title{font-size:15px}}.ticket-card-compact{animation:fadeInUpCompact .4s ease-out forwards}@keyframes fadeInUpCompact{0%{opacity:0;transform:translateY(20px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.ticket-card-compact:after{content:"";position:absolute;inset:0;border-radius:20px;box-shadow:inset 0 1px #ffffff0d,inset 0 -1px #0000001a;pointer-events:none}:root{--color-primary: #1A237E;--color-dark-blue: #1A237E;--color-accent: #FF6B00;--color-highlight: #FF8C35;--color-light-blue: #00d4ff;--color-success: #00c853;--color-warning: #ff9800;--color-danger: #ff4444;--text-primary: #ffffff;--text-secondary: rgba(255, 255, 255, .85);--text-tertiary: rgba(255, 255, 255, .65);--text-muted: rgba(255, 255, 255, .45);--gradient-primary: linear-gradient(135deg, var(--color-accent), var(--color-highlight));--gradient-secondary: linear-gradient(135deg, var(--color-light-blue), var(--color-highlight));--gradient-dark: #1A237E;--gradient-overlay: #1A237E;--gradient-surface: #1A237E;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .1);--shadow-md: 0 4px 16px rgba(0, 0, 0, .2);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .3);--shadow-xl: 0 25px 50px rgba(0, 0, 87, .5);--shadow-glow: 0 0 30px rgba(0, 212, 255, .25);--radius-sm: .5rem;--radius-md: .75rem;--radius-lg: 1rem;--radius-xl: 1.5rem;--radius-2xl: 2rem;--space-xs: .25rem;--space-sm: .5rem;--space-md: .75rem;--space-lg: 1rem;--space-xl: 1.25rem;--space-2xl: 1.5rem;--space-3xl: 2rem;--space-4xl: 2.5rem;--transition-fast: .15s ease;--transition-base: .3s ease;--transition-slow: .5s ease}.voucher-modal-overlay{position:fixed;inset:0;background:var(--gradient-overlay);display:flex;align-items:center;justify-content:center;z-index:1050;padding:var(--space-md);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:voucher-modal-fade-in .3s ease}@keyframes voucher-modal-fade-in{0%{opacity:0}to{opacity:1}}.voucher-modal{background:#1a237e;border-radius:var(--radius-xl);width:100%;max-width:500px;max-height:90vh;display:flex;flex-direction:column;box-shadow:var(--shadow-xl);overflow:hidden;animation:voucher-modal-slide-up .3s ease}@keyframes voucher-modal-slide-up{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.voucher-modal__header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-2xl);background:#1a237e;border-bottom:1px solid var(--color-light-blue)}.voucher-modal__header-content{display:flex;align-items:center;gap:var(--space-md)}.voucher-modal__header-icon{color:var(--color-light-blue);font-size:1.5rem}.voucher-modal__title{margin:0;font-size:1.375rem;font-weight:700;color:var(--text-primary);line-height:1.3}.voucher-modal__close-btn{background:#ffffff1a;border:none;width:40px;height:40px;border-radius:50%;color:var(--text-primary);cursor:pointer;transition:all var(--transition-base);display:flex;align-items:center;justify-content:center;flex-shrink:0}.voucher-modal__close-btn:hover{background:#fff3;transform:rotate(90deg)}.voucher-modal__content{flex:1;overflow-y:auto;padding:var(--space-2xl)}.voucher-modal__event-summary{text-align:center;margin-bottom:var(--space-2xl);padding-bottom:var(--space-xl);border-bottom:1px solid rgba(255,255,255,.1)}.voucher-modal__event-title{margin:0 0 var(--space-md) 0;font-size:1.125rem;color:var(--text-primary);line-height:1.3}.voucher-modal__event-details{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:var(--space-lg)}.voucher-modal__event-detail{display:flex;align-items:center;gap:var(--space-xs);color:var(--text-tertiary);font-size:.875rem}.voucher-modal__event-detail-icon{color:var(--color-light-blue);font-size:.875rem}.voucher-modal__preview{margin-bottom:var(--space-2xl)}.voucher-modal__preview-card{background:linear-gradient(135deg,#ff8c351a,#00005733);border-radius:var(--radius-lg);padding:var(--space-xl);margin-bottom:var(--space-xl);border:1px solid var(--color-light-blue)}.voucher-modal__preview-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-md)}.voucher-modal__preview-title{margin:0;font-size:1.125rem;color:var(--text-primary)}.voucher-modal__preview-badge{padding:var(--space-xs) var(--space-md);border-radius:var(--radius-full);font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.voucher-modal__preview-badge--standard{background:#0009;color:var(--text-primary);border:1px solid rgba(255,255,255,.2)}.voucher-modal__preview-badge--lounge{background:var(--gradient-secondary);color:var(--text-primary)}.voucher-modal__preview-badge--category{background:linear-gradient(135deg,#ff9800,#ff5722);color:var(--text-primary)}.voucher-modal__preview-description{color:var(--text-secondary);font-size:.875rem;margin-bottom:var(--space-xl);line-height:1.5}.voucher-modal__amount-input-wrap{display:grid;gap:var(--space-sm)}.voucher-modal__amount-label{color:var(--text-secondary);font-size:.875rem;font-weight:600}.voucher-modal__amount-input{width:100%;background:#ffffff14;border:1px solid rgba(255,255,255,.25);border-radius:var(--radius-md);color:var(--text-primary);padding:var(--space-md) var(--space-lg);font-size:1rem;outline:none}.voucher-modal__amount-input:focus{border-color:var(--color-light-blue);box-shadow:0 0 0 2px #00d4ff33}.voucher-modal__preview-features{display:flex;flex-direction:column;gap:var(--space-md)}.voucher-modal__preview-feature{display:flex;align-items:center;gap:var(--space-sm)}.voucher-modal__feature-icon{color:var(--color-success);font-size:.875rem;flex-shrink:0}.voucher-modal__feature-text{color:var(--text-primary);font-size:.875rem}.voucher-modal__pricing{background:#0003;border-radius:var(--radius-md);padding:var(--space-xl)}.voucher-modal__pricing-row{display:flex;justify-content:space-between;align-items:center;padding:var(--space-sm) 0;border-bottom:1px solid rgba(255,255,255,.05)}.voucher-modal__pricing-row:last-child{border-bottom:none}.voucher-modal__pricing-row--total{margin-top:var(--space-md);padding-top:var(--space-lg);border-top:2px solid var(--color-light-blue)}.voucher-modal__pricing-label{color:var(--text-secondary);font-size:.875rem}.voucher-modal__pricing-original{text-decoration:line-through;color:var(--text-muted);font-size:.875rem}.voucher-modal__pricing-discount{color:var(--color-success);font-weight:600;font-size:.875rem}.voucher-modal__pricing-value{color:var(--text-primary);font-size:.875rem;font-weight:600}.voucher-modal__pricing-value--fee{color:var(--color-warning)}.voucher-modal__pricing-final{color:var(--color-highlight);font-size:1.5rem;font-weight:800}.voucher-modal__payment{margin-bottom:var(--space-2xl)}.voucher-modal__payment-title{color:var(--color-highlight);font-size:1rem;font-weight:600;margin:0 0 var(--space-lg) 0}.voucher-modal__payment-options{display:flex;flex-direction:column;gap:var(--space-md)}.voucher-modal__payment-option{display:flex;align-items:center;gap:var(--space-lg);padding:var(--space-lg);background:#ffffff0d;border-radius:var(--radius-md);border:2px solid transparent;cursor:pointer;transition:all var(--transition-base)}.voucher-modal__payment-option:hover{background:#ffffff1a;border-color:#ff8c354d}.voucher-modal__payment-option--selected{background:#ff8c3526;border-color:var(--color-light-blue)}.voucher-modal__payment-icon{width:48px;height:48px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden}.voucher-modal__payment-icon--mpesa{background:linear-gradient(135deg,#00c853,#64dd17)}.voucher-modal__payment-icon--emola{background:linear-gradient(135deg,#ff9800,#ff5722)}.voucher-modal__payment-logo{width:32px;height:32px;object-fit:contain}.voucher-modal__payment-info{flex:1}.voucher-modal__payment-name{margin:0 0 var(--space-xs) 0;font-size:1rem;color:var(--text-primary)}.voucher-modal__payment-description{margin:0;font-size:.8125rem;color:var(--text-secondary)}.voucher-modal__payment-checkmark{width:20px;height:20px;background:var(--color-success);color:var(--text-primary);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700;flex-shrink:0}.voucher-modal__terms{margin-bottom:var(--space-2xl)}.voucher-modal__terms-agreement{display:flex;align-items:flex-start;gap:var(--space-md);margin-bottom:var(--space-lg);cursor:pointer;-webkit-user-select:none;user-select:none}.voucher-modal__terms-checkbox{margin-top:2px;accent-color:var(--color-highlight)}.voucher-modal__terms-text{color:var(--text-secondary);font-size:.875rem;line-height:1.5}.voucher-modal__terms-link{color:var(--color-highlight);text-decoration:none;font-weight:600;margin:0 var(--space-xs)}.voucher-modal__terms-link:hover{text-decoration:underline}.voucher-modal__terms-notes{background:#ffffff0d;border-radius:var(--radius-md);padding:var(--space-lg)}.voucher-modal__terms-note{color:var(--text-muted);font-size:.75rem;line-height:1.5;margin:0 0 var(--space-xs) 0}.voucher-modal__terms-note:last-child{margin-bottom:0}.voucher-modal__terms-note--highlight{color:var(--color-light-blue);font-weight:600}.voucher-modal__footer{display:flex;gap:var(--space-md);padding:var(--space-xl);background:#0003;border-top:1px solid rgba(255,255,255,.1)}.voucher-modal__btn{flex:1;padding:var(--space-lg);border:none;border-radius:var(--radius-md);font-size:.875rem;font-weight:700;cursor:pointer;transition:all var(--transition-base);display:flex;align-items:center;justify-content:center;gap:var(--space-sm);min-height:48px}.voucher-modal__btn--cancel{background:#ffffff1a;color:var(--text-primary)}.voucher-modal__btn--cancel:hover{background:#fff3}.voucher-modal__btn--confirm{background:var(--gradient-primary);color:var(--text-primary)}.voucher-modal__btn--confirm:hover:not(.voucher-modal__btn--disabled){background:var(--gradient-secondary);transform:translateY(-2px);box-shadow:0 8px 20px #00d4ff66}.voucher-modal__btn--confirm:active:not(.voucher-modal__btn--disabled){transform:translateY(0)}.voucher-modal__btn--disabled{opacity:.5;cursor:not-allowed;transform:none!important;box-shadow:none!important}.voucher-modal__btn-icon{font-size:1rem}.voucher-modal__btn-text{font-size:.875rem}.voucher-modal__spinner{animation:voucher-spin 1s linear infinite;font-size:1.1rem}@keyframes voucher-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 768px){.voucher-modal-overlay{padding:var(--space-sm)}.voucher-modal{max-height:95vh}.voucher-modal__header,.voucher-modal__content{padding:var(--space-xl)}.voucher-modal__footer{padding:var(--space-lg)}.voucher-modal__preview-header{flex-direction:column;align-items:flex-start;gap:var(--space-sm)}}@media (max-width: 480px){.voucher-modal__title{font-size:1.125rem}.voucher-modal__event-details{flex-direction:column;gap:var(--space-sm);align-items:flex-start}.voucher-modal__payment-option{padding:var(--space-md)}.voucher-modal__payment-icon{width:40px;height:40px}.voucher-modal__footer{flex-direction:column}}.voucher-modal__content::-webkit-scrollbar{width:8px}.voucher-modal__content::-webkit-scrollbar-track{background:transparent;border-radius:4px}.voucher-modal__content::-webkit-scrollbar-thumb{background:var(--color-accent);border-radius:4px}.voucher-modal__content::-webkit-scrollbar-thumb:hover{background:var(--color-highlight)}.voucher-modal__close-btn:focus-visible,.voucher-modal__payment-option:focus-visible,.voucher-modal__btn:focus-visible{outline:2px solid var(--color-light-blue);outline-offset:2px}@media (prefers-reduced-motion: reduce){.voucher-modal-overlay,.voucher-modal,.voucher-modal__close-btn,.voucher-modal__payment-option,.voucher-modal__btn{animation:none;transition:none}}:root{--tropical-gradient: #1A237E;--tropical-bg-image: url(/Cartel%20Fiesta%20Fin%20de%20A%C3%B1o%20Llamativo%20Morado%20Blanco.png)}.qr-code-real{width:100%;height:100%;object-fit:contain;padding:15px;background:#fff;border-radius:10px}.tapago-watermark{opacity:.15;pointer-events:none}.ticket-fullview-overlay{position:fixed;inset:0;background:#000000e6;z-index:2000;animation:fadeIn .3s ease;overflow-y:auto;padding:0;margin:0}.ticket-fullview-container{min-height:100vh;background:#1a237e;background-size:cover;background-position:top;background-blend-mode:overlay;display:flex;flex-direction:column;position:relative}.ticket-fullview-container:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 80%,rgba(0,212,255,.15) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(255,140,53,.1) 0%,transparent 50%);pointer-events:none;animation:pulseBackground 8s infinite alternate}@keyframes pulseBackground{0%{opacity:.3}to{opacity:.6}}.fullview-header{padding:15px 20px;background:#1a237e66;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid rgba(0,212,255,.3);position:sticky;top:0;z-index:10}.header-contentt{display:flex;justify-content:space-between;align-items:center}.tapago-brand{display:flex;align-items:center;gap:10px}.brand-logo{display:flex;gap:2px}.brand-text{font-size:18px;font-weight:900;color:#fff;text-transform:uppercase;letter-spacing:1px}.brand-text.highlight{color:var(--light-blue)}.brand-tagline{font-size:10px;color:var(--text-secondary);letter-spacing:1px;text-transform:uppercase}.close-btn{width:40px;height:40px;border-radius:50%;background:#ffffff1a;border:1px solid rgba(0,212,255,.3);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.close-btn:hover{background:#fff3;transform:rotate(90deg)}.ticket-fullview{flex:1;padding:20px;max-width:100%;margin:0 auto}.event-header-compact{text-align:center;margin-bottom:30px;position:relative}.event-title-compact{font-size:24px;font-weight:800;color:#fff;margin:0 0 10px;line-height:1.2;background:linear-gradient(45deg,white,var(--light-blue));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.event-meta-compact{display:flex;justify-content:center;gap:15px;flex-wrap:wrap;margin-bottom:20px}.event-date-compact,.event-type-compact{display:flex;align-items:center;gap:6px;padding:8px 16px;background:#ffffff1a;border-radius:12px;font-size:12px;font-weight:600;color:#fff;border:1px solid rgba(255,255,255,.2)}.event-type-compact.vip{background:linear-gradient(45deg,gold,#ff8c00);color:#000;border:none}.qr-section-center{display:flex;flex-direction:column;align-items:center;gap:30px;margin:40px 0;position:relative}.qr-glow-circle{position:absolute;width:250px;height:250px;background:radial-gradient(circle,rgba(0,212,255,.2) 0%,transparent 70%);border-radius:50%;animation:pulseGlow 2s infinite alternate}@keyframes pulseGlow{0%{transform:scale(1);opacity:.3}to{transform:scale(1.1);opacity:.5}}.qr-display-futuristic{position:relative;width:220px;height:220px;background:#fff;border-radius:20px;padding:15px;z-index:1;border:3px solid var(--light-blue);box-shadow:0 0 30px #00d4ff66,0 10px 40px #0006}.qr-corner-fancy{position:absolute;width:20px;height:20px;border:2px solid var(--highlight)}.qr-corner-fancy.tl{top:-2px;left:-2px;border-right:none;border-bottom:none}.qr-corner-fancy.tr{top:-2px;right:-2px;border-left:none;border-bottom:none}.qr-corner-fancy.bl{bottom:-2px;left:-2px;border-right:none;border-top:none}.qr-corner-fancy.br{bottom:-2px;right:-2px;border-left:none;border-top:none}.qr-icon-large{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:var(--primary);font-size:150px}.tapago-watermark{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:30px;font-weight:900;color:#0000571a;letter-spacing:3px;display:flex;gap:2px}.qr-instructions-compact{text-align:center;max-width:300px;margin:0 auto}.instruction-title{font-size:14px;color:#fff;margin-bottom:15px;font-weight:600;text-transform:uppercase;letter-spacing:1px}.instruction-list-mini{display:flex;flex-direction:column;gap:10px}.instruction-item-mini{display:flex;align-items:center;gap:10px;padding:12px;background:#ffffff0d;border-radius:10px;border:1px solid rgba(255,255,255,.1)}.instruction-step-mini{width:24px;height:24px;background:linear-gradient(45deg,var(--accent),var(--highlight));border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:800;color:#fff;flex-shrink:0}.instruction-text-mini{font-size:12px;color:var(--text-secondary);text-align:left;flex:1}.info-grid-ultra-compact{display:grid;grid-template-columns:repeat(2,1fr);gap:15px;margin:30px 0}.info-card-compact{background:#ffffff0d;border-radius:15px;padding:15px;border:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.info-card-title-compact{font-size:12px;color:var(--highlight);margin:0 0 12px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;display:flex;align-items:center;gap:8px}.info-items-compact{display:flex;flex-direction:column;gap:10px}.info-item-mini{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid rgba(255,255,255,.05)}.info-item-mini:last-child{border-bottom:none}.info-label-mini{font-size:11px;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.info-value-mini{font-size:12px;font-weight:600;color:#fff;text-align:right;max-width:60%}.info-value-mini.price{color:var(--highlight);font-weight:700;font-size:14px}.voucher-mini-section{margin:25px 0;padding:20px;background:linear-gradient(45deg,#ffd7001a,#ff8c0026);border-radius:15px;border:1px solid rgba(255,215,0,.3)}.voucher-mini-header{display:flex;align-items:center;gap:10px;margin-bottom:15px}.voucher-mini-icon{width:30px;height:30px;background:linear-gradient(45deg,gold,#ff8c00);border-radius:8px;display:flex;align-items:center;justify-content:center;color:#000;font-size:14px}.voucher-mini-title{font-size:14px;font-weight:700;color:gold;text-transform:uppercase;letter-spacing:1px}.voucher-benefits-mini{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.benefit-mini-item{display:flex;align-items:center;gap:8px;padding:10px;background:#ffffff0d;border-radius:8px}.benefit-mini-icon{width:24px;height:24px;background:#ffd70033;border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:12px;color:gold;flex-shrink:0}.benefit-mini-text{font-size:11px;color:#ffffffe6}.holder-section-compact{margin:25px 0;padding:20px;background:#ffffff0d;border-radius:15px;border:1px solid rgba(0,212,255,.2)}.holder-header-compact{display:flex;align-items:center;gap:15px;margin-bottom:15px}.holder-avatar-mini{width:50px;height:50px;background:linear-gradient(45deg,var(--accent),var(--highlight));border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:800;color:#fff;border:2px solid var(--light-blue);flex-shrink:0}.holder-title-compact{font-size:14px;color:var(--light-blue);font-weight:700;text-transform:uppercase;letter-spacing:1px}.holder-details-compact{display:grid;grid-template-columns:1fr;gap:10px}.holder-detail-compact{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid rgba(255,255,255,.05)}.holder-label{font-size:11px;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.holder-value{font-size:12px;font-weight:600;color:#fff;text-align:right;max-width:60%}.actions-compact{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:30px 0}.action-btn-compact{padding:14px;border-radius:12px;border:none;font-size:12px;font-weight:700;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:8px;text-transform:uppercase;letter-spacing:.5px}.action-btn-compact.primary{background:linear-gradient(45deg,var(--accent),var(--highlight));color:#fff;border:1px solid var(--light-blue)}.action-btn-compact.primary:hover{transform:translateY(-2px);box-shadow:0 10px 20px #ff6b0066}.action-btn-compact.secondary{background:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.action-btn-compact.secondary:hover{background:#ffffff26;transform:translateY(-2px)}.footer-compact{margin-top:30px;padding-top:20px;border-top:1px solid rgba(255,255,255,.1)}.security-compact{display:flex;align-items:center;gap:12px;margin-bottom:20px}.security-icon-mini{font-size:24px;color:var(--success)}.security-text-mini{flex:1}.security-title-mini{font-size:12px;color:var(--success);font-weight:700;text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px}.security-desc-mini{font-size:11px;color:var(--text-secondary);line-height:1.4}.contact-links-mini{display:flex;gap:10px;flex-wrap:wrap}.contact-link-mini{display:flex;align-items:center;gap:6px;padding:8px 12px;background:#ffffff0d;border-radius:8px;font-size:11px;color:#fff;text-decoration:none;transition:all .3s ease}.contact-link-mini:hover{background:#ffffff1a;transform:translateY(-2px)}.terms-mini{margin-top:20px;padding-top:15px;border-top:1px solid rgba(255,255,255,.05)}.terms-mini h6{font-size:11px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin:0 0 10px}.terms-mini ul{margin:0;padding-left:15px}.terms-mini li{font-size:10px;color:var(--text-secondary);margin-bottom:6px;line-height:1.4}.terms-mini li:last-child{margin-bottom:0}@media (min-width: 768px){.ticket-fullview{max-width:500px;margin:0 auto}.qr-display-futuristic{width:250px;height:250px}.qr-glow-circle{width:300px;height:300px}.info-grid-ultra-compact{grid-template-columns:repeat(3,1fr)}.actions-compact{grid-template-columns:repeat(4,1fr)}}@media (min-width: 1024px){.ticket-fullview{max-width:600px;padding:30px}.qr-section-center{flex-direction:row;justify-content:center;align-items:center}.qr-instructions-compact{max-width:250px;text-align:left}.event-title-compact{font-size:28px}}.ticket-fullview::-webkit-scrollbar{width:4px}.ticket-fullview::-webkit-scrollbar-track{background:#ffffff0d}.ticket-fullview::-webkit-scrollbar-thumb{background:var(--light-blue);border-radius:2px}.ticket-fullview::-webkit-scrollbar-thumb:hover{background:var(--highlight)}.status-banner{position:absolute;top:70px;right:20px;padding:6px 15px;background:linear-gradient(45deg,var(--success),#00e676);border-radius:20px;font-size:10px;font-weight:800;color:#fff;text-transform:uppercase;letter-spacing:1px;z-index:5;box-shadow:0 4px 15px #0000004d}.status-banner.used{background:linear-gradient(45deg,var(--warning),#ffb74d)}.status-banner.cancelled{background:linear-gradient(45deg,var(--danger),#ff5252)}:root{--bg-primary: #1A237E;--bg-secondary: #1A237E;--color-primary: #1A237E;--color-secondary: #1A237E;--color-accent: #FF6B00;--color-highlight: #0000D0;--text-primary: #FFFFFF;--text-secondary: #FFFFFF;--text-muted: #FFFFFF;--border-color: #222222;--shadow-light: rgba(0, 0, 208, .1);--shadow-medium: rgba(0, 0, 208, .2);--shadow-heavy: rgba(0, 0, 208, .3);--success-color: #00d084;--whatsapp-color: #25D366;--telegram-color: #0088cc}#modal-root{position:relative;z-index:9999}.share-modal-overlay{position:fixed;inset:0;background-color:#000000d9;display:flex;justify-content:center;align-items:center;z-index:9999;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);padding:5px}.share-modal{background:#1a237e;border:1px solid var(--color-accent);border-radius:16px;width:100%;max-width:500px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px var(--shadow-heavy);animation:modalSlideIn .3s ease}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.share-modal-header{display:flex;justify-content:space-between;align-items:center;padding:24px;border-bottom:1px solid var(--border-color);background:#1a237ee6;border-radius:16px 16px 0 0}.share-modal-title{color:var(--text-primary);font-size:1.5rem;margin:0;display:flex;align-items:center;gap:10px}.close-modal-btn{background:transparent;border:none;color:var(--text-secondary);cursor:pointer;padding:8px;border-radius:50%;transition:all .2s}.close-modal-btn:hover{background:var(--color-accent);color:#fff;transform:rotate(90deg)}.share-tabs{display:flex;background:#00005733;border-bottom:1px solid var(--border-color)}.share-tab{flex:1;padding:16px;background:transparent;border:none;color:var(--text-secondary);font-size:.9rem;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .3s;border-bottom:3px solid transparent}.share-tab:hover{background:#ff6b001a;color:var(--text-primary)}.share-tab.active{color:var(--color-highlight);border-bottom-color:var(--color-highlight);background:#ff6b0026}.tapago-share-content,.external-share-content{padding:8px}.search-input-container{position:relative;margin-bottom:20px}.search-icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:var(--text-muted)}.search-users-input{width:100%;padding:14px 14px 14px 45px;background:#ffffff0d;border:1px solid var(--border-color);border-radius:10px;color:var(--text-primary);font-size:.9rem;transition:all .3s}.search-users-input:focus{outline:none;border-color:var(--color-highlight);box-shadow:0 0 0 2px var(--shadow-light)}.users-list{max-height:300px;overflow-y:auto;margin-bottom:20px;border:1px solid var(--border-color);border-radius:10px;background:#0000004d}.user-item{display:flex;align-items:center;padding:12px 16px;cursor:pointer;border-bottom:1px solid var(--border-color);transition:all .2s}.user-item:last-child{border-bottom:none}.user-item:hover{background:#0000d01a}.user-item.selected{background:#0000d033;border-left:4px solid var(--color-highlight)}.user-avatar{width:40px;height:40px;background:linear-gradient(135deg,var(--color-primary),var(--color-accent));border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;margin-right:12px;flex-shrink:0}.user-info{flex:1}.user-name{color:var(--text-primary);font-weight:500;margin-bottom:4px}.user-contact{display:flex;flex-direction:column;gap:2px;color:var(--text-muted);font-size:.8rem}.user-contact span{display:flex;align-items:center;gap:6px}.check-icon{color:var(--success-color);flex-shrink:0}.no-users-message{text-align:center;padding:40px 20px;color:var(--text-muted)}.no-users-message p{margin:16px 0 8px;color:var(--text-secondary)}.message-preview{background:#0000d00d;border:1px solid var(--color-accent);border-radius:10px;padding:20px;margin-top:20px}.message-preview h4{color:var(--text-primary);margin-top:0;margin-bottom:12px;font-size:1rem}.message-content{background:#0000004d;border-radius:8px;padding:16px;color:var(--text-secondary);font-size:.9rem;line-height:1.5;margin-bottom:16px;white-space:pre-wrap}.share-confirm-btn{width:100%;padding:14px;background:linear-gradient(135deg,var(--color-primary),var(--color-highlight));border:none;border-radius:10px;color:#fff;font-weight:600;font-size:1rem;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px;transition:all .3s}.share-confirm-btn:hover{transform:translateY(-2px);box-shadow:0 5px 20px var(--shadow-medium)}.share-options-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:15px;margin-bottom:24px}.share-option{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;background:#ffffff0d;border:1px solid var(--border-color);border-radius:12px;color:var(--text-primary);cursor:pointer;transition:all .3s;gap:12px}.share-option:hover{transform:translateY(-3px);box-shadow:0 5px 15px var(--shadow-medium)}.share-option:nth-child(1):hover{background:#25d3661a;border-color:var(--whatsapp-color)}.share-option:nth-child(2):hover{background:#0088cc1a;border-color:var(--telegram-color)}.share-option:nth-child(3):hover{background:#0000d01a;border-color:var(--color-accent)}.share-option:nth-child(4):hover{background:#00d0841a;border-color:var(--success-color)}.native-share-btn{width:100%;padding:16px;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;color:#fff;font-weight:600;font-size:1rem;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:24px;transition:all .3s}.native-share-btn:hover{transform:translateY(-2px);box-shadow:0 5px 20px #667eea4d}.copy-link-section h4{color:var(--text-primary);margin-top:0;margin-bottom:12px;font-size:1rem}.link-container{display:flex;gap:10px;margin-bottom:24px}.link-input{flex:1;padding:14px;background:#ffffff0d;border:1px solid var(--border-color);border-radius:10px;color:var(--text-secondary);font-size:.9rem;overflow:hidden;text-overflow:ellipsis}.copy-link-btn{padding:14px 24px;background:linear-gradient(135deg,var(--color-primary),var(--color-accent));border:none;border-radius:10px;color:#fff;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .3s;white-space:nowrap}.copy-link-btn.copied{background:linear-gradient(135deg,var(--success-color),#00a86b)}.copy-link-btn:hover{transform:translateY(-2px);box-shadow:0 5px 15px var(--shadow-medium)}.ticket-preview-share h4{color:var(--text-primary);margin-top:0;margin-bottom:12px;font-size:1rem}.preview-card{background:#0000004d;border:1px solid var(--color-accent);border-radius:12px;padding:20px;color:var(--text-primary)}.preview-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:16px;border-bottom:1px solid var(--border-color)}.preview-header h5{margin:0;color:var(--text-primary);font-size:1.1rem}.preview-badge{background:var(--color-highlight);color:#fff;padding:4px 12px;border-radius:20px;font-size:.8rem;font-weight:600}.preview-details{margin-bottom:16px}.preview-details p{display:flex;align-items:center;gap:10px;margin:8px 0;color:var(--text-secondary);font-size:.9rem}.preview-footer{padding-top:16px;border-top:1px solid var(--border-color)}.tapago-cta{background:#0000d01a;padding:12px;border-radius:8px;text-align:center;color:var(--color-highlight);font-size:.9rem}.share-modal-footer{padding:20px 24px;border-top:1px solid var(--border-color);background:#0003;border-radius:0 0 16px 16px}.share-disclaimer{color:var(--text-muted);font-size:.8rem;line-height:1.4;margin:0;text-align:center}@media (max-width: 480px){.share-modal{max-height:95vh;margin:10px}.share-options-grid{grid-template-columns:1fr}.share-tabs{flex-direction:column}.share-tab{padding:12px}.link-container{flex-direction:column}.copy-link-btn{width:100%;justify-content:center}}.users-list::-webkit-scrollbar{width:6px}.users-list::-webkit-scrollbar-track{background:#0003;border-radius:3px}.users-list::-webkit-scrollbar-thumb{background:var(--color-accent);border-radius:3px}.users-list::-webkit-scrollbar-thumb:hover{background:var(--color-highlight)}.transfer-modal-overlay{position:fixed;inset:0;background:#1a237ed9;display:flex;align-items:center;justify-content:center;z-index:1000;padding:16px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.transfer-modal{background:#1a237e;border-radius:20px;width:100%;max-width:480px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #00000080,inset 0 1px #ffffff1a;border:1px solid rgba(255,140,53,.3)}.transfer-modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid rgba(255,140,53,.3)}.transfer-modal-title{color:#fff;font-size:1.25rem;font-weight:600;display:flex;align-items:center;gap:10px;margin:0}.transfer-modal-title svg{color:#ff8c35}.close-modal-btn{background:transparent;border:none;color:#b0b0ff;cursor:pointer;padding:4px;border-radius:8px;transition:all .2s;display:flex;align-items:center;justify-content:center}.close-modal-btn:hover{color:#fff;background:#ff8c3533}.close-modal-btn:disabled{opacity:.5;cursor:not-allowed}.transfer-ticket-preview{padding:20px 24px;background:#ff6b0033;border-bottom:1px solid rgba(255,140,53,.3)}.preview-label{color:#8a8aff;font-size:.75rem;text-transform:uppercase;letter-spacing:.5px;margin-bottom:12px}.preview-ticket-card{background:#ff6b004d;border:1px solid rgba(255,140,53,.4);border-radius:12px;padding:16px}.preview-ticket-title{color:#fff;font-weight:600;font-size:1rem;margin-bottom:4px}.preview-ticket-id{color:#b0b0ff;font-size:.75rem;margin-bottom:8px}.preview-ticket-type{display:inline-block;background:linear-gradient(45deg,#ff6b00,#ff8c35);color:#fff;font-size:.625rem;font-weight:600;text-transform:uppercase;padding:4px 10px;border-radius:20px}.transfer-tabs{display:flex;gap:0;padding:0 24px;border-bottom:1px solid rgba(255,140,53,.3)}.transfer-tab{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;background:transparent;border:none;color:#8a8aff;font-size:.875rem;font-weight:500;padding:16px;cursor:pointer;transition:all .2s;border-bottom:2px solid transparent}.transfer-tab:hover{color:#b0b0ff;background:#ff8c351a}.transfer-tab.active{color:#fff;border-bottom-color:#ff8c35;background:#ff8c3526}.transfer-input-section{padding:24px}.transfer-tab-content{padding:0}.transfer-label{display:flex;align-items:center;gap:8px;color:#fff;font-weight:500;font-size:.875rem;margin-bottom:12px}.transfer-label svg{color:#ff8c35}.transfer-input-group{display:flex;gap:8px;margin-bottom:16px}.transfer-email-input{flex:1;background:#1a237e80;border:1px solid rgba(255,140,53,.3);border-radius:10px;padding:12px 16px;color:#fff;font-size:.9rem;transition:all .2s}.transfer-email-input:focus{outline:none;border-color:#ff8c35;box-shadow:0 0 0 3px #ff8c3533}.transfer-email-input::placeholder{color:#8a8aff}.transfer-email-input:disabled{opacity:.6;cursor:not-allowed}.transfer-search-btn{display:flex;align-items:center;justify-content:center;gap:6px;background:linear-gradient(45deg,#ff6b00,#ff8c35);color:#fff;border:none;padding:12px 16px;border-radius:10px;font-weight:500;cursor:pointer;transition:all .2s;white-space:nowrap}.transfer-search-btn:hover:not(:disabled){background:linear-gradient(45deg,#ff8c35,#ff6b00);transform:translateY(-1px);box-shadow:0 4px 12px #ff8c354d}.transfer-search-btn:disabled{opacity:.5;cursor:not-allowed}.transfer-error{display:flex;align-items:center;gap:8px;background:#ff44441a;border:1px solid rgba(255,68,68,.3);color:#f44;padding:12px 16px;border-radius:10px;font-size:.875rem;margin-bottom:16px}.transfer-info-box{background:#ff8c351a;border:1px solid rgba(255,140,53,.2);border-radius:10px;padding:16px}.transfer-info-box p{color:#b0b0ff;font-size:.8125rem;margin:0;line-height:1.5}.transfer-info-box p+p{margin-top:8px}.transfer-confirm-section{padding:24px}.found-user-card{background:#00c8531a;border:1px solid rgba(0,200,83,.3);border-radius:12px;padding:20px;margin-bottom:20px}.found-user-header{display:flex;align-items:center;gap:8px;color:#00c853;font-size:.875rem;font-weight:500;margin-bottom:16px}.success-icon{color:#00c853}.found-user-details{display:flex;align-items:center;gap:16px}.found-user-avatar{width:56px;height:56px;border-radius:50%;background:linear-gradient(135deg,#ff6b00,#ff8c35);display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.5rem;font-weight:600;flex-shrink:0}.found-user-info{flex:1}.found-user-name{color:#fff;font-weight:600;font-size:1rem;margin-bottom:4px}.found-user-email{color:#b0b0ff;font-size:.875rem;margin-bottom:2px}.found-user-phone{color:#8a8aff;font-size:.75rem}.transfer-confirm-actions{display:flex;gap:12px}.transfer-back-btn{flex:1;background:transparent;border:1px solid rgba(255,140,53,.3);color:#b0b0ff;padding:14px 20px;border-radius:10px;font-weight:500;cursor:pointer;transition:all .2s}.transfer-back-btn:hover:not(:disabled){border-color:#ff8c35;color:#fff}.transfer-back-btn:disabled{opacity:.5;cursor:not-allowed}.transfer-confirm-btn{flex:2;display:flex;align-items:center;justify-content:center;gap:8px;background:linear-gradient(45deg,#ff6b00,#ff8c35);color:#fff;border:none;padding:14px 20px;border-radius:10px;font-weight:500;cursor:pointer;transition:all .2s}.transfer-confirm-btn:hover:not(:disabled){background:linear-gradient(45deg,#ff8c35,#ff6b00);transform:translateY(-1px);box-shadow:0 4px 15px #ff8c3566}.transfer-confirm-btn:disabled{opacity:.6;cursor:not-allowed}.transfer-warning{display:flex;align-items:flex-start;gap:10px;background:#ff98001a;border:1px solid rgba(255,152,0,.3);border-radius:10px;padding:12px 16px;margin-top:16px;color:#ff9800;font-size:.8125rem}.transfer-warning svg{flex-shrink:0;margin-top:2px}.transfer-success-section{padding:40px 24px;text-align:center}.success-icon-large{width:80px;height:80px;background:#00c85333;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 24px}.success-icon-large svg{width:40px;height:40px;color:#00c853}.transfer-success-section h3{color:#fff;font-size:1.25rem;font-weight:600;margin-bottom:8px}.transfer-success-section p{color:#b0b0ff;font-size:.9rem;margin:0}.transfer-success-detail{margin-top:16px!important;font-weight:500}.status-transferred{color:#ff8c35;background:#ff8c3533;padding:4px 12px;border-radius:20px;font-size:.75rem;text-transform:uppercase}.link-section{padding:24px}.link-input-container{display:flex;gap:8px;margin-bottom:20px}.transfer-link-input{flex:1;background:#00005780;border:1px solid rgba(255,140,53,.3);border-radius:10px;padding:12px 16px;color:#fff;font-size:.85rem;font-family:monospace}.copy-link-btn{display:flex;align-items:center;justify-content:center;background:#ff8c3533;border:1px solid rgba(255,140,53,.3);color:#b0b0ff;padding:12px 16px;border-radius:10px;cursor:pointer;transition:all .2s}.copy-link-btn:hover{background:#ff8c354d;color:#fff}.copy-link-btn.copied{background:#00c85333;border-color:#00c8534d;color:#00c853}.share-options{margin-bottom:20px}.share-label{color:#8a8aff;font-size:.875rem;margin-bottom:12px}.share-buttons{display:flex;gap:12px}.share-btn{flex:1;display:flex;flex-direction:column;align-items:center;gap:6px;background:#1a237e66;border:1px solid rgba(255,140,53,.2);color:#fff;padding:16px 12px;border-radius:10px;cursor:pointer;transition:all .2s}.share-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0003}.share-btn span{font-size:.75rem}.share-btn.whatsapp{background:#25d36626;border-color:#25d3664d}.share-btn.whatsapp:hover{background:#25d36640}.share-btn.telegram{background:#0088cc26;border-color:#0088cc4d}.share-btn.telegram:hover{background:#0088cc40}.share-btn.email{background:#ea433526;border-color:#ea43354d}.share-btn.email:hover{background:#ea433540}.transfer-modal-footer{padding:16px 24px 24px;border-top:1px solid rgba(255,140,53,.3)}.transfer-footer-text{color:#8a8aff;text-align:center;margin:0}.spin{animation:spin 1s linear infinite}@media (max-width: 480px){.transfer-modal{max-width:100%;max-height:100vh;border-radius:0}.transfer-input-group{flex-direction:column}.transfer-search-btn{width:100%;justify-content:center}.transfer-confirm-actions{flex-direction:column}.found-user-details{flex-direction:column;text-align:center}}:root{--primary: #1A237E;--dark-blue: #1A237E;--accent: #FF6B00;--highlight: #FF8C35;--light-blue: #00d4ff;--text-primary: #ffffff;--text-secondary: #b0b0ff;--text-muted: #8a8aff;--card-bg: rgba(26, 35, 126, .9);--overlay: rgba(0, 0, 0, .85);--success: #00c853;--warning: #ff9800;--danger: #ff4444}.user-tickets-container{min-height:100vh;background:#1a237e;font-family:Segoe UI,-apple-system,BlinkMacSystemFont,sans-serif;position:relative;overflow-x:hidden}.background-elements{position:fixed;inset:0;pointer-events:none;z-index:0}.floating-element{position:absolute;border-radius:50%;background:radial-gradient(circle,var(--highlight) 0%,transparent 70%);opacity:.1;animation:float 20s infinite linear}.floating-element:nth-child(1){width:300px;height:300px;top:-100px;right:-100px;animation-delay:0s}.floating-element:nth-child(2){width:200px;height:200px;bottom:-50px;left:-50px;animation-delay:-5s;background:radial-gradient(circle,var(--light-blue) 0%,transparent 70%)}.floating-element:nth-child(3){width:150px;height:150px;top:50%;right:20%;animation-delay:-10s}@keyframes float{0%,to{transform:translate(0) rotate(0)}25%{transform:translate(30px,50px) rotate(90deg)}50%{transform:translateY(100px) rotate(180deg)}75%{transform:translate(-30px,50px) rotate(270deg)}}.tickets-header{position:relative;padding:40px;margin:0 auto 50px;border-radius:0 0 40px 40px;overflow:hidden;z-index:1;min-height:280px;display:flex;align-items:center;background:linear-gradient(135deg,#1a237ef2,#1a237eeb,#ff6b00e6),url(https://images.unsplash.com/photo-1533174072545-7a4b6ad7a6c3?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=2070&q=80) center/cover;background-blend-mode:overlay;box-shadow:0 20px 60px #0006,inset 0 1px #ffffff1a}.tickets-header:before{content:"";position:absolute;inset:0;background:linear-gradient(45deg,rgba(0,0,87,.9) 0%,rgba(0,0,102,.6) 50%,transparent 100%);z-index:0}.tickets-header:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 80%,rgba(0,212,255,.15) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(255,140,53,.1) 0%,transparent 50%),radial-gradient(circle at 40% 40%,rgba(11,4,109,.2) 0%,transparent 60%);z-index:0;animation:shimmer 10s infinite linear}@keyframes shimmer{0%,to{background-position:0% 0%}50%{background-position:100% 100%}}.header-content{max-width:1200px;margin:0 auto;position:relative;z-index:2;width:100%;display:grid;grid-template-columns:auto 1fr;gap:40px;align-items:center}.user-info{display:flex;align-items:center;gap:30px;background:#ffffff0d;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:25px;border-radius:24px;border:1px solid rgba(255,255,255,.1);box-shadow:0 15px 35px #0003,0 1px #ffffff0d;position:relative;overflow:hidden}.user-info:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 0%,var(--light-blue) 50%,transparent 100%);opacity:.3}.user-avatar-container{position:relative;filter:drop-shadow(0 10px 20px rgba(0,0,0,.3))}.user-avatar{width:100px;height:100px;background:linear-gradient(135deg,var(--accent) 0%,var(--highlight) 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:36px;font-weight:800;color:#fff;border:4px solid rgba(255,255,255,.95);box-shadow:0 20px 40px #ff6b0033,inset 0 4px 8px #fff3;position:relative;z-index:1;transition:all .4s cubic-bezier(.4,0,.2,1)}.user-avatar:hover{transform:scale(1.05) rotate(5deg);box-shadow:0 25px 50px #ff6b0099,inset 0 4px 8px #fffffff2}.avatar-ring{position:absolute;inset:-10px;border:2px solid var(--light-blue);border-radius:50%;animation:pulse-ring 3s infinite ease-in-out;pointer-events:none}@keyframes pulse-ring{0%,to{transform:scale(1);opacity:.6}50%{transform:scale(1.05);opacity:.3}}.user-details h1{margin:0 0 10px;font-size:38px;font-weight:800;background:linear-gradient(90deg,#ffffff 0%,var(--light-blue) 50%,#ffffff 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-size:200% auto;letter-spacing:-.5px;animation:gradient-shift 4s infinite linear}@keyframes gradient-shift{0%{background-position:0% center}to{background-position:200% center}}.user-name{margin:0 0 20px;color:#ffffffe6;font-size:20px;font-weight:500;display:flex;align-items:center;gap:15px}.user-name:after{content:"";flex:1;height:2px;background:linear-gradient(90deg,var(--highlight) 0%,transparent 100%);margin-left:20px;opacity:.5}.ticket-stats{display:flex;gap:20px;align-items:center}.ticket-count{display:flex;align-items:center;gap:12px;background:#ffffff14;padding:15px 28px;border-radius:20px;font-size:16px;font-weight:600;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.15);transition:all .3s ease;box-shadow:0 8px 20px #0003}.ticket-count:hover{background:#ffffff1f;transform:translateY(-3px) scale(1.02);box-shadow:0 15px 30px #0000004d}.stats-grid{display:grid;grid-template-columns:repeat(3,auto);gap:15px;align-items:center}.stats-badge{padding:10px 20px;border-radius:15px;font-size:14px;font-weight:600;display:flex;align-items:center;gap:8px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease;cursor:default;border:1px solid}.stats-badge:hover{transform:translateY(-2px);box-shadow:0 10px 20px #0003}.stats-badge.active{background:#00c85326;color:var(--success);border-color:#00c8534d}.stats-badge.used{background:#ff980026;color:var(--warning);border-color:#ff98004d}.stats-badge.cancelled{background:#ff444426;color:var(--danger);border-color:#ff44444d}.quick-actions{display:flex;flex-direction:column;gap:15px;margin-top:20px}.action-btn-small{display:flex;align-items:center;gap:10px;padding:10px 20px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;color:var(--text-secondary);font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease;width:fit-content}.action-btn-small:hover{background:#ffffff1a;transform:translate(5px);color:var(--text-primary)}.header-decoration{position:absolute;right:40px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;align-items:center;gap:20px;opacity:.6;z-index:1}.ticket-icon-large{font-size:80px;color:var(--light-blue);filter:drop-shadow(0 10px 20px rgba(0,212,255,.3));animation:float 6s ease-in-out infinite}.wave-pattern{width:200px;height:60px;background:radial-gradient(circle at 50% 0%,rgba(255,140,53,.3) 0%,transparent 50%),linear-gradient(90deg,transparent 0%,rgba(0,212,255,.2) 50%,transparent 100%);border-radius:50%;animation:wave 8s infinite linear}@keyframes float{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-20px) rotate(5deg)}}@keyframes wave{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 1024px){.header-content{grid-template-columns:1fr;gap:30px}.header-decoration{position:relative;right:auto;top:auto;transform:none;margin-top:20px;justify-content:center}}@media (max-width: 768px){.tickets-header{padding:30px 20px;min-height:240px;border-radius:0 0 30px 30px}.user-info{flex-direction:column;text-align:center;padding:20px}.user-avatar{width:85px;height:85px;font-size:32px}.user-details h1{font-size:32px}.user-name:after{display:none}.stats-grid{grid-template-columns:1fr;width:100%}.ticket-count{justify-content:center;width:100%}.quick-actions{width:100%}.action-btn-small{width:100%;justify-content:center}.ticket-icon-large{font-size:60px}.wave-pattern{width:150px;height:45px}}@media (max-width: 480px){.tickets-header{padding:25px 15px;min-height:220px}.user-details h1{font-size:28px}.user-name{font-size:18px}.user-avatar{width:75px;height:75px;font-size:28px}.ticket-count{padding:12px 20px;font-size:15px}.stats-badge{padding:8px 15px;font-size:13px}}@keyframes pulse-ring{0%{transform:scale(1);opacity:1}50%{transform:scale(1.05);opacity:.8}to{transform:scale(1);opacity:1}}.user-details{flex:1}.user-details h1{margin:0 0 8px;font-size:32px;font-weight:800;background:linear-gradient(90deg,var(--text-primary) 0%,var(--light-blue) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:-.5px}.user-name{margin:0 0 15px;color:var(--text-secondary);font-size:18px;font-weight:500;display:flex;align-items:center;gap:10px}.user-name:after{content:"";flex:1;height:1px;background:linear-gradient(90deg,var(--highlight),transparent);margin-left:20px}.ticket-stats{display:flex;gap:25px;align-items:center}.ticket-count{display:flex;align-items:center;gap:10px;background:#ffffff14;padding:12px 25px;border-radius:20px;font-size:15px;font-weight:600;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);transition:all .3s ease}.ticket-count:hover{background:#ffffff1f;transform:translateY(-2px);box-shadow:0 10px 25px #0003}.stats-badge{padding:8px 16px;border-radius:12px;font-size:13px;font-weight:600;display:flex;align-items:center;gap:6px}.stats-badge.active{background:#00c85326;color:var(--success);border:1px solid rgba(0,200,83,.3)}.stats-badge.used{background:#ff980026;color:var(--warning);border:1px solid rgba(255,152,0,.3)}.tabs-section{max-width:1200px;margin:0 auto 40px;padding:0 40px;z-index:1;position:relative}.tickets-tabs{display:flex;gap:15px;background:#0b046d99;padding:15px;border-radius:20px;border:1px solid rgba(255,140,53,.3);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);overflow-x:auto;scrollbar-width:none}.tickets-tabs::-webkit-scrollbar{display:none}.tab-btn{display:flex;align-items:center;gap:12px;padding:16px 28px;background:transparent;border:none;border-radius:16px;color:var(--text-secondary);font-size:16px;font-weight:600;cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);white-space:nowrap;position:relative;overflow:hidden}.tab-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left .6s}.tab-btn:hover:before{left:100%}.tab-btn:hover{background:#ffffff0d;color:var(--text-primary);transform:translateY(-3px)}.tab-btn.active{background:linear-gradient(135deg,var(--accent) 0%,var(--highlight) 100%);color:#fff;box-shadow:0 10px 30px #ff6b0066;transform:translateY(-3px)}.tab-btn.active:hover{transform:translateY(-3px) scale(1.02)}.tab-btn svg{font-size:18px;transition:transform .3s ease}.tab-btn:hover svg{transform:scale(1.1)}.tab-count{background:#ffffff26;padding:4px 10px;border-radius:20px;font-size:13px;font-weight:700;min-width:24px;text-align:center}.tickets-controls{display:flex;justify-content:space-between;align-items:center;padding:0 40px;margin-bottom:30px;z-index:1;position:relative}.search-bar{display:flex;align-items:center;gap:15px;background:#ffffff12;padding:14px 25px;border-radius:18px;border:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);flex:1;max-width:400px}.search-bar input{background:transparent;border:none;color:var(--text-primary);font-size:15px;width:100%;outline:none}.search-bar input::placeholder{color:var(--text-muted)}.control-buttons{display:flex;gap:15px}.refresh-btn{padding:14px 28px;background:linear-gradient(135deg,var(--accent) 0%,var(--highlight) 100%);color:#fff;border:none;border-radius:18px;font-size:15px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:10px;box-shadow:0 8px 25px #ff6b004d}.refresh-btn:hover{transform:translateY(-3px);box-shadow:0 15px 35px #ff6b0066}.refresh-btn:active{transform:translateY(-1px)}.filter-btn{padding:14px 28px;background:#ffffff12;color:var(--text-primary);border:1px solid rgba(255,255,255,.1);border-radius:18px;font-size:15px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:10px}.filter-btn:hover{background:#ffffff1f;transform:translateY(-3px)}.tickets-list-container{max-width:1200px;margin:0 auto;padding:0 40px;position:relative;z-index:1}.tickets-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:30px;margin-bottom:60px}.empty-state{grid-column:1 / -1;text-align:center;padding:80px 40px;background:#0b046d66;border-radius:30px;border:2px dashed rgba(255,140,53,.3);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);margin:20px 0}.empty-state-icon{font-size:80px;margin-bottom:25px;opacity:.2;color:var(--light-blue)}.empty-state h3{margin:0 0 15px;font-size:26px;font-weight:700;color:var(--text-primary)}.empty-state p{color:var(--text-secondary);font-size:16px;max-width:400px;margin:0 auto 30px;line-height:1.6}.explore-events-btn{padding:16px 40px;background:linear-gradient(135deg,var(--accent) 0%,var(--highlight) 100%);color:#fff;border:none;border-radius:20px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;gap:12px;box-shadow:0 10px 30px #ff6b004d}.explore-events-btn:hover{transform:translateY(-3px);box-shadow:0 15px 40px #ff6b0066}.tickets-footer{text-align:center;padding:40px;margin-top:60px;border-top:1px solid rgba(255,255,255,.1);position:relative;z-index:1}.footer-content{max-width:1200px;margin:0 auto}.footer-logo{font-size:24px;font-weight:800;background:linear-gradient(90deg,var(--text-primary) 0%,var(--light-blue) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:15px;letter-spacing:1px}.tickets-footer p{margin:0 0 25px;color:var(--text-muted);font-size:14px;letter-spacing:.5px}.social-links{display:flex;justify-content:center;gap:25px;margin-top:25px}.social-link{width:45px;height:45px;background:#ffffff12;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);font-size:18px;transition:all .3s ease;border:1px solid rgba(255,255,255,.1)}.social-link:hover{background:var(--highlight);color:#fff;transform:translateY(-5px);box-shadow:0 10px 20px #ff6b004d}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:70vh;gap:25px;position:relative;z-index:1}.loading-spinner{width:70px;height:70px;border:4px solid rgba(255,140,53,.2);border-radius:50%;border-top-color:var(--highlight);animation:spin 1s linear infinite;position:relative}.loading-spinner:after{content:"";position:absolute;inset:-8px;border:2px solid rgba(0,212,255,.1);border-radius:50%;animation:spin 1.5s linear infinite reverse}.loading-container p{color:var(--text-secondary);font-size:16px;font-weight:500;letter-spacing:1px}@media (max-width: 1024px){.tickets-list{grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}}@media (max-width: 768px){.tickets-header,.tabs-section,.tickets-controls,.tickets-list-container{padding:20px}.user-info{flex-direction:column;text-align:center;gap:20px}.user-name:after{display:none}.ticket-stats{flex-direction:column;gap:15px;align-items:stretch}.ticket-count,.stats-badge{justify-content:center}.tickets-tabs{flex-wrap:wrap}.tab-btn{flex:1;min-width:150px}.tickets-controls{flex-direction:column;gap:20px}.search-bar{max-width:100%}.control-buttons{width:100%}.refresh-btn,.filter-btn{flex:1;justify-content:center}.tickets-list{grid-template-columns:1fr}}@media (max-width: 480px){.user-avatar{width:70px;height:70px;font-size:28px}.user-details h1{font-size:26px}.tab-btn{min-width:120px;padding:14px 20px;font-size:14px}.refresh-btn,.filter-btn{padding:12px 20px;font-size:14px}.empty-state{padding:50px 20px}.empty-state h3{font-size:22px}.social-link{width:40px;height:40px;font-size:16px}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.ticket-card{animation:fadeInUp .6s ease-out forwards}.ticket-card:nth-child(1){animation-delay:.1s}.ticket-card:nth-child(2){animation-delay:.2s}.ticket-card:nth-child(3){animation-delay:.3s}.ticket-card:nth-child(4){animation-delay:.4s}.tickets-list-container::-webkit-scrollbar{width:8px}.tickets-list-container::-webkit-scrollbar-track{background:#ffffff0d;border-radius:4px}.tickets-list-container::-webkit-scrollbar-thumb{background:linear-gradient(135deg,var(--accent) 0%,var(--highlight) 100%);border-radius:4px}.tickets-list-container::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,var(--highlight) 0%,var(--light-blue) 100%)}:root{--color-primary: #1A237E;--color-secondary: #1A237E;--color-accent: #FF6B00;--color-highlight: #FF8C35;--color-light-blue: #00d4ff;--color-success: #00c853;--color-warning: #ff9800;--color-danger: #ff4444;--color-info: #2196f3;--color-food: #ff9800;--color-drink: #2196f3;--color-merch: #9c27b0;--color-premium: #ffd700;--color-lounge: #00c853;--text-primary: #ffffff;--text-secondary: rgba(255, 255, 255, .85);--text-tertiary: rgba(255, 255, 255, .65);--text-disabled: rgba(255, 255, 255, .45);--bg-primary: #1A237E;--bg-secondary: #1A237E;--bg-surface: rgba(26, 35, 126, .95);--bg-surface-elevated: rgba(26, 35, 126, .98);--bg-overlay: rgba(0, 0, 0, .6);--gradient-primary: linear-gradient(135deg, var(--color-accent), var(--color-highlight));--gradient-secondary: linear-gradient(135deg, var(--color-light-blue), var(--color-highlight));--gradient-dark: #1A237E;--gradient-surface: #1A237E;--shadow-sm: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px 0 rgba(0, 0, 0, .06);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--shadow-glow: 0 0 30px rgba(0, 212, 255, .25);--radius-sm: .5rem;--radius-md: .75rem;--radius-lg: 1rem;--radius-xl: 1.5rem;--radius-2xl: 2rem;--radius-full: 9999px;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--transition-fast: .15s ease;--transition-normal: .25s ease;--transition-slow: .35s ease;--z-overlay: 10;--z-content: 20}.voucher-card{--card-padding: var(--space-4);width:100%;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-xl);overflow:hidden;position:relative;margin-bottom:var(--space-4);animation:voucher-card-fade-in .5s ease-out forwards;transition:all var(--transition-normal);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.voucher-card__overlay{position:absolute;inset:0}.voucher-card__inner{position:relative;z-index:var(--z-content);padding:var(--card-padding);display:flex;flex-direction:column;gap:var(--space-4)}.voucher-card--current-event{border:2px solid var(--color-light-blue);box-shadow:var(--shadow-glow)}.voucher-card--current-event .voucher-card__overlay{background:linear-gradient(135deg,#0b046dcc,#000057b3)}.voucher-card--loading{min-height:200px;display:flex;align-items:center;justify-content:center}.voucher-card__loading-placeholder{text-align:center;color:var(--text-secondary)}.voucher-card__loading-spinner{width:40px;height:40px;border:3px solid rgba(255,255,255,.1);border-top-color:var(--color-light-blue);border-radius:50%;margin:0 auto var(--space-3);animation:voucher-card-spin 1s linear infinite}@keyframes voucher-card-spin{to{transform:rotate(360deg)}}.voucher-card__header{display:flex;flex-direction:column;gap:var(--space-3)}.voucher-card__header-main{display:flex;align-items:flex-start;gap:var(--space-3)}.voucher-card__icon-container{flex-shrink:0;width:3rem;height:3rem;border-radius:var(--radius-lg);background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.2)}.voucher-card__icon{font-size:1.5rem;color:var(--text-primary)}.voucher-card__icon--food{color:var(--color-food)}.voucher-card__icon--drink{color:var(--color-drink)}.voucher-card__icon--merch{color:var(--color-merch)}.voucher-card__icon--premium{color:var(--color-premium)}.voucher-card__icon--lounge{color:var(--color-lounge)}.voucher-card__title-container{flex:1;min-width:0}.voucher-card__title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--text-primary);line-height:var(--line-height-tight);margin:0 0 var(--space-1) 0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.voucher-card__subtitle{font-size:var(--font-size-sm);color:var(--text-tertiary);line-height:var(--line-height-normal);margin:0}.voucher-card__header-secondary{display:flex;justify-content:space-between;align-items:center}.voucher-card__status{display:flex;align-items:center;gap:var(--space-2)}.voucher-card__status-icon{font-size:.875rem}.voucher-card__status-icon--active{color:var(--color-success);animation:voucher-card-pulse 2s infinite}@keyframes voucher-card-pulse{0%,to{opacity:1}50%{opacity:.5}}.voucher-card__status-icon--expired{color:var(--color-warning)}.voucher-card__status-icon--used{color:var(--color-danger)}.voucher-card__status-badge{padding:var(--space-1) var(--space-2);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);line-height:1;text-transform:uppercase;letter-spacing:.05em}.voucher-card__status-badge--active{background-color:#00c85333;color:var(--color-success);border:1px solid rgba(0,200,83,.3)}.voucher-card__status-badge--expired{background-color:#ff980033;color:var(--color-warning);border:1px solid rgba(255,152,0,.3)}.voucher-card__status-badge--used{background-color:#f443;color:var(--color-danger);border:1px solid rgba(255,68,68,.3)}.voucher-card__toggle-details{display:flex;align-items:center;gap:var(--space-1);background:transparent;border:1px solid rgba(255,255,255,.2);border-radius:var(--radius-md);padding:var(--space-1) var(--space-2);color:var(--text-secondary);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-fast)}.voucher-card__toggle-details:hover{background:#ffffff1a;border-color:#fffffff2;color:var(--text-primary)}.voucher-card__toggle-icon{font-size:.875rem}.voucher-card__main-content{display:flex;flex-direction:column;gap:var(--space-4)}.voucher-card__qr-section{display:grid;grid-template-columns:1fr;gap:var(--space-4);align-items:center}@media (min-width: 768px){.voucher-card__qr-section{grid-template-columns:1fr 1fr}}.voucher-card__qr-container{display:flex;flex-direction:column;align-items:center;gap:var(--space-3)}.voucher-card__qr-code{width:150px;height:150px;border-radius:var(--radius-md);background:#fff;padding:var(--space-2);box-shadow:var(--shadow-lg)}.voucher-card__qr-info{display:flex;align-items:center;gap:var(--space-2);max-width:200px}.voucher-card__qr-info-icon{color:var(--color-info);font-size:var(--font-size-sm);flex-shrink:0}.voucher-card__qr-info-text{font-size:var(--font-size-xs);color:var(--text-tertiary);margin:0;text-align:center}.voucher-card__basic-info{display:flex;flex-direction:column;gap:var(--space-3)}.voucher-card__info-row{display:flex;justify-content:space-between;align-items:center;padding-bottom:var(--space-2);border-bottom:1px solid rgba(255,255,255,.1)}.voucher-card__info-row:last-child{padding-bottom:0;border-bottom:none}.voucher-card__info-label{font-size:var(--font-size-sm);color:var(--text-secondary);font-weight:var(--font-weight-medium)}.voucher-card__info-value{font-size:var(--font-size-base);color:var(--text-primary);font-weight:var(--font-weight-semibold)}.voucher-card__info-value--highlight{color:var(--color-light-blue);font-size:var(--font-size-lg)}.voucher-card__info-value--reloadable{color:var(--color-success);display:flex;align-items:center;gap:var(--space-1)}.voucher-card__reload-icon{font-size:.875rem}.voucher-card__action-button{background:var(--gradient-primary);color:var(--text-primary);border:none;border-radius:var(--radius-lg);padding:var(--space-3) var(--space-4);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);cursor:pointer;transition:all var(--transition-normal);display:flex;align-items:center;justify-content:center;gap:var(--space-2);width:100%;min-height:3rem}.voucher-card__action-button--under-balance{margin-top:var(--space-3)}.voucher-card__action-button:hover:not(:disabled){background:var(--gradient-secondary);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.voucher-card__action-button:active:not(:disabled){transform:translateY(0)}.voucher-card__action-button:disabled{opacity:.5;cursor:not-allowed}.voucher-card__button-icon{font-size:1rem}.voucher-card__details{animation:voucher-card-slide-down .3s ease-out;overflow:hidden}@keyframes voucher-card-slide-down{0%{opacity:0;max-height:0}to{opacity:1;max-height:1000px}}.voucher-card__balance-section,.voucher-card__history-section,.voucher-card__reload-history-section,.voucher-card__info-section{background:#0000004d;border-radius:var(--radius-lg);padding:var(--space-4);margin-bottom:var(--space-4);border:1px solid rgba(255,255,255,.1)}.voucher-card__balance-header,.voucher-card__history-header,.voucher-card__reload-history-header{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-3)}.voucher-card__balance-icon,.voucher-card__history-icon,.voucher-card__reload-history-icon{color:var(--color-light-blue);font-size:1.25rem}.voucher-card__balance-title,.voucher-card__history-title,.voucher-card__reload-history-title{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0}.voucher-card__balance-display{display:flex;align-items:baseline;gap:var(--space-1);margin-bottom:var(--space-3)}.voucher-card__balance-amount{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--text-primary)}.voucher-card__balance-total{font-size:var(--font-size-base);color:var(--text-tertiary)}.voucher-card__progress{height:.5rem;background-color:#0000004d;border-radius:var(--radius-full);overflow:hidden}.voucher-card__progress-bar{height:100%;background:var(--gradient-secondary);border-radius:var(--radius-full);transition:width var(--transition-slow)}.voucher-card__history-list,.voucher-card__reload-history-list{display:flex;flex-direction:column;gap:var(--space-3)}.voucher-card__history-item,.voucher-card__reload-history-item{padding:var(--space-3);background:#ffffff0d;border-radius:var(--radius-md)}.voucher-card__reload-history-item{border-left-color:var(--color-success)}.voucher-card__history-item-main,.voucher-card__reload-history-item-main{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-2)}.voucher-card__history-description,.voucher-card__reload-history-description{font-size:var(--font-size-sm);color:var(--text-primary);font-weight:var(--font-weight-medium)}.voucher-card__history-amount{font-size:var(--font-size-base);color:var(--color-warning);font-weight:var(--font-weight-bold)}.voucher-card__reload-history-amount{font-size:var(--font-size-base);color:var(--color-success);font-weight:var(--font-weight-bold)}.voucher-card__reload-history-amount--positive{color:var(--color-success)}.voucher-card__history-item-meta,.voucher-card__reload-history-item-meta{display:flex;justify-content:space-between;align-items:center;font-size:var(--font-size-xs);color:var(--text-tertiary)}.voucher-card__info-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-3);margin-bottom:var(--space-4)}.voucher-card__info-item{display:flex;flex-direction:column;gap:var(--space-1)}.voucher-card__info-item-label{font-size:var(--font-size-xs);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em}.voucher-card__info-item-value{font-size:var(--font-size-sm);color:var(--text-primary);font-weight:var(--font-weight-medium)}.voucher-card__terms-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0 0 var(--space-2) 0}.voucher-card__terms-text{font-size:var(--font-size-xs);color:var(--text-tertiary);line-height:var(--line-height-relaxed);margin:0}.voucher-card__footer{display:flex;flex-direction:column;gap:var(--space-3);padding-top:var(--space-4);border-top:1px solid rgba(255,255,255,.1)}@media (min-width: 768px){.voucher-card__footer{flex-direction:row;justify-content:space-between;align-items:center}}.voucher-card__footer-info{flex:1}.voucher-card__expiry{display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-sm);color:var(--text-tertiary);margin:0}.voucher-card__expiry-icon{color:var(--color-warning)}.voucher-card__footer-actions{display:flex;gap:var(--space-2)}.voucher-card__footer-button{padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-fast);display:flex;align-items:center;gap:var(--space-1);white-space:nowrap;min-height:2.5rem}.voucher-card__footer-button--primary{background:var(--gradient-primary);color:var(--text-primary);border:none}.voucher-card__footer-button--primary:hover:not(:disabled){background:var(--gradient-secondary);transform:translateY(-1px)}.voucher-card__footer-button:disabled{opacity:.5;cursor:not-allowed}.voucher-card__footer-button-icon{font-size:.875rem}@keyframes voucher-card-fade-in{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (min-width: 640px){.voucher-card{--card-padding: var(--space-5)}.voucher-card__header{flex-direction:row;justify-content:space-between;align-items:flex-start}.voucher-card__title{font-size:var(--font-size-xl)}.voucher-card__qr-code{width:180px;height:180px}}@media (min-width: 768px){.voucher-card{--card-padding: var(--space-6)}.voucher-card__icon-container{width:4rem;height:4rem}.voucher-card__icon{font-size:2rem}.voucher-card__qr-code{width:200px;height:200px}.voucher-card__info-grid{grid-template-columns:repeat(4,1fr)}}@media (min-width: 1024px){.voucher-card{max-width:800px;margin-left:auto;margin-right:auto}.voucher-card__qr-code{width:220px;height:220px}}.voucher-card__sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}button:focus-visible{outline:2px solid var(--color-light-blue);outline-offset:2px}@media (prefers-reduced-motion: reduce){.voucher-card,.voucher-card__details,.voucher-card__status-icon--active,.voucher-card__progress-bar{animation:none;transition:none}}@media (prefers-color-scheme: dark){.voucher-card{background:linear-gradient(145deg,#0b046df2,#000057e6)}.voucher-card__qr-code{filter:brightness(.95)}}@media (prefers-contrast: high){.voucher-card{border-width:2px}.voucher-card__title{font-weight:var(--font-weight-bold)}.voucher-card__icon-container{border-width:2px}}@media print{.voucher-card{background:#fff!important;border:2px solid #000;color:#000;break-inside:avoid}.voucher-card__overlay{display:none}.voucher-card__title,.voucher-card__balance-amount,.voucher-card__history-description,.voucher-card__info-item-value{color:#000}.voucher-card__subtitle,.voucher-card__balance-total,.voucher-card__qr-info-text,.voucher-card__terms-text{color:#444}.voucher-card__qr-code{filter:none}button{display:none}}:root{--primary: #1A237E;--dark-blue: #1A237E;--accent: #FF6B00;--highlight: #FF8C35;--light-blue: #00d4ff;--white: #ffffff;--success: #00c853;--warning: #ff9800;--danger: #ff4444;--gradient-primary: linear-gradient(135deg, var(--accent), var(--highlight));--gradient-secondary: linear-gradient(135deg, var(--light-blue), var(--highlight));--gradient-dark: #1A237E;--gradient-overlay: #1A237E;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .1);--shadow-md: 0 4px 16px rgba(0, 0, 0, .2);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .3);--shadow-xl: 0 25px 50px rgba(0, 0, 87, .5);--radius-sm: .5rem;--radius-md: .75rem;--radius-lg: 1rem;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: .75rem;--spacing-lg: 1rem;--spacing-xl: 1.25rem}.modal-overlay{position:fixed;inset:0;background:#1a237ef2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;z-index:1050;padding:var(--spacing-md);animation:modalFadeIn .2s ease}.reload-modal.compact{background:#1a237e;border-radius:var(--radius-lg);width:100%;max-width:400px;max-height:85vh;overflow:hidden;border:1px solid var(--accent);box-shadow:var(--shadow-xl);animation:modalSlideIn .3s cubic-bezier(.34,1.56,.64,1)}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(20px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.reload-modal-header.compact{padding:var(--spacing-lg);border-bottom:1px solid rgba(255,107,0,.3);background:#1a237e;display:flex;align-items:center;justify-content:space-between}.header-content.compact{display:flex;align-items:center;gap:var(--spacing-sm)}.header-icon.compact{color:var(--light-blue);font-size:1.25rem}.header-text.compact h2{color:var(--white);font-size:1.25rem;font-weight:600;margin:0}.close-button.compact{background:#ff6b0033;border:none;width:32px;height:32px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;color:var(--white);cursor:pointer;transition:all .2s ease}.close-button.compact:hover{background:#ff6b004d;transform:rotate(90deg)}.reload-modal-content.compact{padding:var(--spacing-lg);overflow-y:auto;max-height:calc(85vh - 73px)}.voucher-banner{background:#0003;border-radius:var(--radius-md);padding:var(--spacing-md);margin-bottom:var(--spacing-xl);border:1px solid rgba(255,107,0,.2)}.voucher-banner-content{text-align:center}.voucher-title{color:var(--white);font-size:1rem;font-weight:500;margin:0 0 var(--spacing-sm) 0;line-height:1.3}.voucher-balance-display{display:flex;align-items:baseline;justify-content:center;gap:var(--spacing-sm)}.balance-label{color:#fffffff2;font-size:.875rem}.balance-amount{color:var(--light-blue);font-size:1.5rem;font-weight:700}.section-title{color:var(--white);font-size:.875rem;font-weight:600;margin:0 0 var(--spacing-md) 0;display:flex;align-items:center;gap:var(--spacing-sm);text-transform:uppercase;letter-spacing:.5px}.title-icon{color:var(--light-blue);font-size:1rem}.amount-section.compact{margin-bottom:var(--spacing-xl)}.amount-grid.compact{display:grid;grid-template-columns:repeat(2,2fr);gap:var(--spacing-sm)}.amount-button.compact{background:#ff6b001a;border:2px solid rgba(255,107,0,.3);border-radius:var(--radius-md);padding:var(--spacing-md);cursor:pointer;transition:all .2s ease;display:flex;flex-direction:column;align-items:center;gap:2px}.amount-button.compact:hover{border-color:var(--light-blue);background:#00d4ff1a;transform:translateY(-1px)}.amount-button.compact.selected{background:var(--gradient-primary);border-color:var(--light-blue);box-shadow:0 4px 12px #00d4ff33}.amount-button.compact .amount-value{color:var(--white);font-size:1.25rem;font-weight:700;line-height:1}.amount-button.compact.selected .amount-value{color:var(--white)}.amount-button.compact .amount-currency{color:#fffffff2;font-size:.75rem;font-weight:500}.payment-section{margin-bottom:var(--spacing-xl)}.payment-methods{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-sm)}.payment-method{background:#ff6b001a;border:2px solid rgba(255,107,0,.3);border-radius:var(--radius-md);padding:var(--spacing-md);cursor:pointer;transition:all .2s ease;display:flex;flex-direction:column;align-items:center;gap:var(--spacing-sm)}.payment-method:hover{border-color:var(--light-blue);background:#00d4ff1a;transform:translateY(-1px)}.payment-method.selected{background:rgba(var(--method-color-rgb, 0, 200, 83),.15);border-color:var(--method-color, var(--success))}.payment-method-icon{color:var(--white);font-size:1.5rem}.payment-method.selected .payment-method-icon{color:var(--method-color, var(--success))}.payment-method-name{color:var(--white);font-size:.875rem;font-weight:600}.payment-method.selected .payment-method-name{color:var(--method-color, var(--success))}.quick-summary{background:#0003;border-radius:var(--radius-md);padding:var(--spacing-md);margin-bottom:var(--spacing-xl);border:1px solid rgba(255,107,0,.2)}.summary-row{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-xs) 0}.summary-row:not(:last-child){border-bottom:1px solid rgba(255,255,255,.1)}.summary-row span:first-child{color:#fffffff2;font-size:.875rem}.summary-amount{color:var(--white);font-size:1rem;font-weight:600}.summary-method{color:var(--method-color, var(--light-blue));font-size:.875rem;font-weight:600}.summary-row.total{padding-top:var(--spacing-sm);margin-top:var(--spacing-xs);border-top:2px solid var(--accent)}.summary-total{color:var(--light-blue);font-size:1.25rem;font-weight:700}.action-buttons.compact{margin-bottom:var(--spacing-lg)}.confirm-button.compact{background:var(--gradient-primary);color:var(--white);border:none;border-radius:var(--radius-md);padding:var(--spacing-lg);font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);width:100%}.confirm-button.compact:hover:not(:disabled){background:var(--gradient-secondary);transform:translateY(-2px);box-shadow:0 8px 20px #00d4ff4d}.confirm-button.compact:active:not(:disabled){transform:translateY(0)}.confirm-button.compact:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.button-icon{font-size:1.125rem}.loading-spinner.compact{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm)}.spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.95);border-top-color:var(--white);border-radius:50%;animation:spin 1s linear infinite}.quick-info{border-top:1px solid rgba(255,255,255,.1);padding-top:var(--spacing-md)}.info-item{display:flex;align-items:center;gap:var(--spacing-sm);color:#fffffff2;font-size:.75rem}.info-icon{color:var(--light-blue);font-size:.875rem;flex-shrink:0}.amount-section.custom-input{margin-bottom:1.5rem}.amount-limits{font-size:.75rem;font-weight:400;color:#fffffff2;margin-left:.5rem}.custom-amount-input{margin-top:1rem}.input-group{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem}.amount-adjust-btn{width:44px;height:44px;border-radius:12px;border:1px solid rgba(255,255,255,.15);background:#ffffff14;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;font-size:1rem}.amount-adjust-btn:hover:not(:disabled){background:#ffffff1f;border-color:var(--highlight-color);transform:translateY(-1px)}.amount-adjust-btn:disabled{opacity:.3;cursor:not-allowed}.amount-input-wrapper{flex:1;position:relative}.custom-amount-field{width:100%;padding:.875rem 4rem .875rem 1rem;background:#ffffff14;border:1px solid rgba(255,255,255,.15);border-radius:12px;color:#fff;font-size:1.5rem;font-weight:600;text-align:center;transition:all .3s ease;outline:none}.custom-amount-field:focus{border-color:var(--highlight-color);box-shadow:0 0 0 2px #0096ff33;background:#ffffff1f}.custom-amount-field::placeholder{color:#fffffff2;font-size:1rem}.currency-label{position:absolute;right:1rem;top:50%;transform:translateY(-50%);color:#fffffff2;font-weight:500;font-size:.9rem;pointer-events:none}.amount-error{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:#dc26261a;border:1px solid rgba(220,38,38,.3);border-radius:8px;color:#f87171;font-size:.85rem;margin-bottom:1rem;animation:slideIn .3s ease-out}.quick-amount-hints{margin-top:1.5rem}.hint-label{display:block;color:#fffffff2;font-size:.85rem;margin-bottom:.75rem}.quick-amount-buttons{display:flex;flex-wrap:wrap;gap:.5rem}.quick-amount-btn{padding:.5rem 1rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:20px;color:#fffffff2;font-size:.85rem;cursor:pointer;transition:all .3s ease;white-space:nowrap}.quick-amount-btn:hover{background:#ffffff1a;border-color:var(--highlight-color);color:#fff;transform:translateY(-1px)}@media (max-width: 768px){.custom-amount-field{font-size:1.25rem;padding:.75rem 3.5rem .75rem .75rem}.amount-adjust-btn{width:40px;height:40px}.quick-amount-buttons{gap:.375rem}.quick-amount-btn{padding:.375rem .75rem;font-size:.8rem}}@media (max-width: 480px){.modal-overlay{padding:var(--spacing-sm)}.reload-modal.compact{max-height:90vh}.reload-modal-content.compact{padding:var(--spacing-md)}.amount-grid.compact,.payment-methods{grid-template-columns:2 2fr}.amount-button.compact,.payment-method{padding:var(--spacing-lg)}.confirm-button.compact{padding:var(--spacing-md) var(--spacing-lg)}}.reload-modal-content.compact::-webkit-scrollbar{width:6px}.reload-modal-content.compact::-webkit-scrollbar-track{background:transparent;border-radius:3px}.reload-modal-content.compact::-webkit-scrollbar-thumb{background:var(--accent);border-radius:3px}.reload-modal-content.compact::-webkit-scrollbar-thumb:hover{background:var(--highlight)}button:focus-visible{outline:2px solid var(--light-blue);outline-offset:2px}.amount-button.compact.selected,.payment-method.selected{animation:pulse .3s ease}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.02)}to{transform:scale(1)}}@media (prefers-reduced-motion: reduce){.modal-overlay,.reload-modal.compact,button,.amount-button.compact,.payment-method,.confirm-button.compact{animation:none;transition:none}}:root{--primary: #1A237E;--dark-blue: #1A237E;--accent: #FF6B00;--highlight: #FF8C35;--light-blue: #00d4ff;--white: #ffffff;--text-primary: #ffffff;--text-secondary: #b0b0ff;--text-muted: #8a8aff;--success: #00c853;--warning: #ff9800;--danger: #ff4444;--gradient-primary: linear-gradient(135deg, var(--accent), var(--highlight));--gradient-secondary: linear-gradient(135deg, var(--light-blue), var(--highlight));--gradient-dark: #1A237E;--gradient-overlay: #1A237E;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .1);--shadow-md: 0 4px 16px rgba(0, 0, 0, .2);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .3);--shadow-xl: 0 25px 50px rgba(0, 0, 87, .5);--shadow-accent: 0 0 20px rgba(255, 107, 0, .3);--radius-sm: .5rem;--radius-md: .75rem;--radius-lg: 1rem;--radius-xl: 1.5rem;--radius-2xl: 2rem;--radius-full: 9999px;--transition-fast: .15s ease;--transition-base: .3s ease;--transition-slow: .5s ease;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem}.modal-overlay{position:fixed;inset:0;background:#1a237ef2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;z-index:1050;padding:var(--spacing-md);animation:modalFadeIn .3s ease}@keyframes modalFadeIn{0%{opacity:0;-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0)}to{opacity:1;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}}.create-voucher-modal{background:#1a237e;border-radius:var(--radius-2xl);width:100%;max-width:480px;max-height:90vh;overflow:hidden;border:1px solid var(--accent);box-shadow:var(--shadow-xl);animation:modalSlideIn .4s cubic-bezier(.34,1.56,.64,1)}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.create-voucher-header{padding:var(--spacing-xl);border-bottom:1px solid rgba(255,107,0,.3);background:#1a237e;display:flex;align-items:center;justify-content:space-between;flex-shrink:0}.create-voucher-title{display:flex;align-items:center;gap:var(--spacing-md)}.create-voucher-icon{width:48px;height:48px;border-radius:var(--radius-lg);background:linear-gradient(135deg,var(--light-blue),var(--highlight));display:flex;align-items:center;justify-content:center;color:var(--white);font-size:1.5rem}.create-voucher-text h2{color:var(--text-primary);font-size:1.5rem;font-weight:700;margin:0;line-height:1.2}.create-voucher-text p{color:var(--text-secondary);font-size:.875rem;margin-top:var(--spacing-xs)}.close-button{background:#ff6b0033;border:none;width:40px;height:40px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-base);flex-shrink:0}.close-button:hover{background:#ff6b004d;color:var(--text-primary);transform:rotate(90deg)}.create-voucher-content{padding:var(--spacing-xl);overflow-y:auto;max-height:calc(90vh - 120px)}.ticket-info-card{background:var(--dark-blue);border-radius:var(--radius-xl);padding:var(--spacing-lg);margin-bottom:var(--spacing-xl);border:1px solid rgba(255,107,0,.2);position:relative;overflow:hidden}.ticket-info-card:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:linear-gradient(to bottom,var(--light-blue),var(--highlight));border-radius:4px 0 0 4px}.ticket-event-title{color:var(--text-primary);font-size:1.125rem;font-weight:600;margin-bottom:var(--spacing-md)}.ticket-details{display:grid;grid-template-columns:1fr;gap:var(--spacing-sm)}.ticket-detail{display:flex;flex-direction:column;gap:var(--spacing-xs)}.detail-label{color:var(--text-secondary);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.detail-value{color:var(--text-primary);font-size:.875rem;font-weight:500}.voucher-selection-section{margin-bottom:var(--spacing-xl)}.section-description{color:var(--text-secondary);font-size:.875rem;margin-bottom:var(--spacing-lg);line-height:1.5}.voucher-type-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-md);margin-bottom:var(--spacing-xl)}@media (max-width: 480px){.voucher-type-grid{grid-template-columns:1fr}}.voucher-type-card{background:var(--dark-blue);border:2px solid rgba(255,107,0,.3);border-radius:var(--radius-xl);padding:var(--spacing-lg);cursor:pointer;transition:all var(--transition-base);position:relative;overflow:hidden;-webkit-user-select:none;user-select:none}.voucher-type-card:hover{transform:translateY(-4px);border-color:var(--accent);box-shadow:0 10px 20px #ff6b0033}.voucher-type-card.selected{border-color:var(--light-blue);background:linear-gradient(145deg,var(--dark-blue),rgba(0,212,255,.1));box-shadow:0 10px 25px #00d4ff33}.voucher-type-card.selected:after{content:"✓";position:absolute;top:var(--spacing-sm);right:var(--spacing-sm);width:24px;height:24px;background:var(--light-blue);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--white);font-size:.875rem;font-weight:700}.voucher-type-content{display:flex;align-items:flex-start;gap:var(--spacing-md)}.voucher-type-icon{width:48px;height:48px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-size:1.5rem;flex-shrink:0}.voucher-type-icon.food{background:linear-gradient(135deg,#ff9800,#ff5722);color:var(--white)}.voucher-type-icon.drink{background:linear-gradient(135deg,#2196f3,#03a9f4);color:var(--white)}.voucher-type-icon.merch{background:linear-gradient(135deg,#9c27b0,#673ab7);color:var(--white)}.voucher-type-icon.premium{background:linear-gradient(135deg,gold,#ff9800);color:var(--white)}.voucher-type-info{flex:1;min-width:0}.voucher-type-name{color:var(--text-primary);font-size:1rem;font-weight:600;margin-bottom:var(--spacing-xs)}.voucher-type-description{color:var(--text-secondary);font-size:.8125rem;line-height:1.4;margin-bottom:var(--spacing-md)}.voucher-type-price{color:var(--light-blue);font-size:1.25rem;font-weight:700;display:flex;align-items:baseline}.voucher-type-price span{font-size:.75rem;color:var(--text-muted);margin-left:var(--spacing-xs)}.selection-summary{background:var(--dark-blue);border-radius:var(--radius-xl);padding:var(--spacing-lg);margin-bottom:var(--spacing-xl);border:1px solid rgba(255,107,0,.2)}.summary-title{color:var(--text-primary);font-size:1rem;font-weight:600;margin-bottom:var(--spacing-md)}.summary-details{display:grid;gap:var(--spacing-sm)}.summary-row{display:flex;justify-content:space-between;align-items:center;padding-bottom:var(--spacing-sm);border-bottom:1px solid rgba(138,138,255,.1)}.summary-row:last-child{border-bottom:none;padding-bottom:0}.summary-label{color:var(--text-secondary);font-size:.875rem}.summary-value{color:var(--text-primary);font-size:.875rem;font-weight:500}.summary-value.highlight{color:var(--light-blue);font-weight:700}.text-success{color:var(--success)}.text-warning{color:var(--warning)}.action-buttons{display:flex;flex-direction:column;gap:var(--spacing-md)}.create-button{background:linear-gradient(135deg,var(--accent),var(--highlight));color:var(--white);border:none;padding:var(--spacing-lg) var(--spacing-xl);border-radius:var(--radius-xl);font-size:1rem;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);transition:all var(--transition-base);position:relative;overflow:hidden;min-height:56px}.create-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 25px #ff6b0066}.create-button:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.create-button:after{content:"";position:absolute;top:50%;left:50%;width:5px;height:5px;background:#fffffff2;opacity:0;border-radius:100%;transform:scale(1) translate(-50%);transform-origin:50% 50%}.create-button:focus:not(:active):after{animation:ripple 1s ease-out}@keyframes ripple{0%{transform:scale(0);opacity:.5}20%{transform:scale(25);opacity:.3}to{opacity:0;transform:scale(40)}}.additional-info{margin-top:var(--spacing-xl);padding-top:var(--spacing-lg);border-top:1px solid rgba(138,138,255,.1)}.info-box{background:#ff6b001a;border-radius:var(--radius-md);padding:var(--spacing-md)}.info-content{display:flex;align-items:flex-start;gap:var(--spacing-sm)}.info-icon{color:var(--light-blue);font-size:1.125rem;flex-shrink:0;margin-top:2px}.info-text{color:var(--text-secondary);font-size:.75rem;line-height:1.5}.spinner{width:20px;height:20px;border:3px solid rgba(255,255,255,.95);border-radius:50%;border-top-color:var(--white);animation:spin 1s ease-in-out infinite}.spinner-icon{font-size:1.25rem;animation:spin 1s linear infinite}.button-text{margin-left:.5rem}.status-message{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--radius-lg);margin-bottom:var(--spacing-lg);animation:slideIn .3s ease}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.status-message.success{background:#00c85326;border:1px solid var(--success);color:var(--success)}.status-message.error{background:#ff444426;border:1px solid var(--danger);color:var(--danger)}.status-icon{font-size:1.25rem;flex-shrink:0}.status-text{font-size:.875rem;font-weight:500;line-height:1.4}.loading-overlay{position:fixed;inset:0;background:#1a237e;display:flex;align-items:center;justify-content:center;z-index:2000;animation:fadeIn .3s ease}.loading-content{text-align:center;padding:var(--spacing-2xl);background:#1a237e;border-radius:var(--radius-2xl);border:1px solid rgba(255,255,255,.2);box-shadow:0 20px 40px #0006;animation:scaleIn .4s cubic-bezier(.34,1.56,.64,1)}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.loading-spinner{margin-bottom:var(--spacing-lg)}.spinner-icon-large{font-size:3.5rem;color:#fff;animation:spin 1s linear infinite}.loading-text{color:var(--text-primary);font-size:1.25rem;font-weight:600;margin-bottom:var(--spacing-sm)}.loading-step{color:#fffffff2;font-size:.9rem;min-height:1.25rem;animation:pulse 1.5s ease-in-out infinite}.create-button.loading{opacity:.8;cursor:wait}.create-button:disabled{animation:none}.create-voucher-content::-webkit-scrollbar{width:8px}.create-voucher-content::-webkit-scrollbar-track{background:transparent;border-radius:4px}.create-voucher-content::-webkit-scrollbar-thumb{background:var(--accent);border-radius:4px}.create-voucher-content::-webkit-scrollbar-thumb:hover{background:var(--highlight)}.voucher-type-card:focus-visible,.create-button:focus-visible,.close-button:focus-visible{outline:2px solid var(--light-blue);outline-offset:2px}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.create-button:disabled{animation:pulse 2s infinite}@media (max-width: 768px){.create-voucher-header,.create-voucher-content{padding:var(--spacing-lg)}.create-voucher-icon{width:40px;height:40px;font-size:1.25rem}.create-voucher-text h2{font-size:1.25rem}}@media (max-width: 480px){.modal-overlay{padding:var(--spacing-sm)}.create-voucher-modal{max-height:95vh}.create-button{padding:var(--spacing-md) var(--spacing-lg);font-size:.875rem}.voucher-type-content{gap:var(--spacing-sm)}.voucher-type-icon{width:40px;height:40px;font-size:1.25rem}}.text-center{text-align:center}.flex{display:flex}.items-center{align-items:center}.justify-between{justify-content:space-between}.w-full{width:100%}.h-full{height:100%}.voucher-type-card{animation:cardFadeIn .5s ease-out forwards}@keyframes cardFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}:root{--primary: #1A237E;--dark-blue: #1A237E;--accent: #FF6B00;--highlight: #FF8C35;--light-blue: #00d4ff;--white: #ffffff;--text-primary: #ffffff;--text-secondary: #b0b0ff;--text-muted: #8a8aff;--success: #00c853;--warning: #ff9800;--danger: #ff4444;--gradient-primary: linear-gradient(135deg, var(--accent), var(--highlight));--gradient-secondary: linear-gradient(135deg, var(--light-blue), var(--highlight));--gradient-dark: #1A237E;--gradient-modal: #1A237E;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .1);--shadow-md: 0 4px 16px rgba(0, 0, 0, .2);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .3);--shadow-accent: 0 0 20px rgba(255, 107, 0, .3);--shadow-card: 0 4px 20px rgba(0, 0, 0, .4);--radius-sm: .5rem;--radius-md: .75rem;--radius-lg: 1rem;--radius-xl: 1.5rem;--radius-full: 9999px;--transition-fast: .15s ease;--transition-base: .3s ease;--transition-slow: .5s ease;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--z-modal: 1050;--z-header: 100;--z-dropdown: 1010}*{box-sizing:border-box}.modal-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--gradient-modal);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:var(--z-modal);display:flex;align-items:center;justify-content:center;animation:fadeIn .3s ease-out}.modal-backdrop.show{opacity:1;visibility:visible}.modal-dialog{width:100%;height:100%;max-width:none;margin:0}.modal-content{width:100%;height:100%;background:var(--gradient-dark);border:1px solid var(--accent);border-radius:0;display:flex;margin:0%;padding:0%;flex-direction:column;position:relative;overflow:hidden}.modal-header{background:var(--dark-blue);border-bottom:1px solid var(--accent);position:sticky;top:0;z-index:var(--z-header);flex-shrink:0}.header-content{display:flex;align-items:center;justify-content:space-between;width:100%}.back-btn{background:transparent;border:2px solid var(--text-secondary);color:var(--text-secondary);width:40px;height:40px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-base)}.back-btn:hover{border-color:var(--light-blue);background:#00d4ff1a;color:var(--light-blue);transform:translateY(-1px)}.close-btn{background:transparent;border:none;color:var(--text-secondary);cursor:pointer;padding:var(--spacing-xs);transition:all var(--transition-base);display:flex;align-items:center;justify-content:center}.close-btn:hover{color:var(--light-blue);transform:rotate(90deg)}.tabs{display:flex;gap:var(--spacing-sm);background:#0000004d;border-radius:var(--radius-md);padding:4px;flex:1;margin:0 var(--spacing-lg)}.tab-button{flex:1;display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);border:none;background:transparent;color:var(--text-secondary);font-weight:600;padding:.75rem;border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-base);position:relative}.tab-button:hover{color:var(--text-primary);background:#ffffff0d}.tab-button.active{color:var(--text-primary);background:var(--gradient-primary)}.tab-icon{font-size:1.25rem}.tab-text{font-size:.875rem}.tab-badge{position:absolute;top:-6px;right:-6px;background:var(--light-blue);color:var(--primary);font-size:.75rem;font-weight:600;min-width:20px;height:20px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;padding:0 4px}.modal-body{flex:1;overflow-y:auto;padding:var(--spacing-lg);background:linear-gradient(180deg,transparent 0%,rgba(11,4,109,.1) 100%)}.container{width:100%;max-width:1200px;margin:0 auto}.current-voucher-section,.all-vouchers-section{margin-bottom:var(--spacing-xl)}.section-header{display:flex;align-items:center;margin-bottom:var(--spacing-md)}.section-icon{background:var(--light-blue);border-radius:var(--radius-md);padding:.5rem;margin-right:var(--spacing-md);display:flex;align-items:center;justify-content:center}.white-icon{color:var(--white)}.section-title{font-size:1.25rem;font-weight:600;color:var(--text-primary)}.light-blue-text{color:var(--light-blue)}.vouchers-grid{display:grid;grid-template-columns:1fr;gap:var(--spacing-md)}.voucher-item{width:100%}.modal-footer{background:var(--dark-blue);border-top:1px solid var(--accent);padding:var(--spacing-md) var(--spacing-lg);flex-shrink:0}.footer-content{display:flex;align-items:center;justify-content:space-between;width:100%}.footer-stats{color:var(--text-secondary);font-size:.875rem}.footer-actions{display:flex;gap:var(--spacing-sm)}.refresh-btn,.finish-btn{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:.5rem 1rem;border-radius:var(--radius-sm);font-size:.875rem;font-weight:500;cursor:pointer;transition:all var(--transition-base);border:none}.refresh-btn{background:transparent;border:2px solid var(--text-secondary);color:var(--text-secondary)}.refresh-btn:hover{border-color:var(--light-blue);background:#00d4ff1a;color:var(--light-blue);transform:translateY(-1px)}.finish-btn{background:var(--gradient-primary);color:var(--white)}.finish-btn:hover{background:var(--gradient-secondary);transform:translateY(-2px);box-shadow:var(--shadow-accent)}.loading-container,.error-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;text-align:center;padding:var(--spacing-xl)}.spinner{width:3rem;height:3rem;border:3px solid rgba(0,212,255,.3);border-radius:50%;border-top-color:var(--light-blue);animation:spin 1s linear infinite;margin-bottom:var(--spacing-md)}@keyframes spin{to{transform:rotate(360deg)}}.loading-text{color:var(--text-primary);font-size:1.125rem}.error-icon{color:var(--text-muted);margin-bottom:var(--spacing-md)}.error-title{color:var(--text-primary);font-size:1.5rem;margin-bottom:var(--spacing-md)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:var(--spacing-xl) 0}.empty-state-icon{background:#1a237eb3;border:1px solid rgba(255,107,0,.2);border-radius:var(--radius-lg);padding:var(--spacing-lg);margin-bottom:var(--spacing-md);max-width:300px}.muted-icon{color:var(--text-muted);margin-bottom:var(--spacing-sm)}.empty-state-title{color:var(--text-secondary);font-size:1.125rem;margin-bottom:var(--spacing-sm)}.empty-state-description{color:var(--text-muted);font-size:.875rem;margin:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-slide-up{opacity:0;animation:slideUp .5s ease-out forwards}.animate-fade-in{animation:fadeIn .3s ease-out forwards}.modal-body::-webkit-scrollbar{width:8px}.modal-body::-webkit-scrollbar-track{background:#ff6b001a;border-radius:4px}.modal-body::-webkit-scrollbar-thumb{background:var(--gradient-primary);border-radius:4px}.modal-body::-webkit-scrollbar-thumb:hover{background:var(--gradient-secondary)}.text-light-blue{color:var(--light-blue)}.text-accent{color:var(--accent)}.text-highlight{color:var(--highlight)}.text-text-primary{color:var(--text-primary)}.text-text-secondary{color:var(--text-secondary)}.text-text-muted{color:var(--text-muted)}.text-white{color:var(--white)}.bg-dark-blue{background-color:var(--dark-blue)}.bg-card-bg{background:#1a237ee6}.bg-gradient-primary{background:var(--gradient-primary)}.bg-gradient-secondary{background:var(--gradient-secondary)}.bg-gradient-dark{background:var(--gradient-dark)}.border-accent{border-color:var(--accent)}.border-light-blue{border-color:var(--light-blue)}.rounded-sm{border-radius:var(--radius-sm)}.rounded-md{border-radius:var(--radius-md)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-full{border-radius:var(--radius-full)}.flex-center{display:flex;align-items:center;justify-content:center}.flex-between{display:flex;align-items:center;justify-content:space-between}.mb-2{margin-bottom:var(--spacing-sm)}.mb-3{margin-bottom:var(--spacing-md)}.mb-4{margin-bottom:var(--spacing-lg)}.mb-5{margin-bottom:var(--spacing-xl)}.mr-2{margin-right:var(--spacing-sm)}.mr-3{margin-right:var(--spacing-md)}.p-2{padding:var(--spacing-sm)}.p-3{padding:var(--spacing-md)}.p-4{padding:var(--spacing-lg)}.voucher-icon{font-size:1.25rem}.voucher-icon.light-blue{color:var(--light-blue)}.voucher-icon.accent{color:var(--accent)}.voucher-icon.success{color:var(--success)}.voucher-icon.highlight{color:var(--highlight)}@media (max-width: 768px){.modal-header{padding:var(--spacing-md);flex-wrap:wrap}.modal-body,.modal-footer{padding:var(--spacing-md)}.tabs{margin:var(--spacing-sm) 0;order:3;width:100%}.header-content{flex-wrap:wrap}.tab-button{padding:.5rem;font-size:.875rem}.footer-content{flex-direction:column;gap:var(--spacing-md);text-align:center}.footer-actions{width:100%;justify-content:center}}@media (max-width: 576px){.section-header{flex-direction:column;align-items:flex-start;gap:var(--spacing-sm)}.section-icon{margin-right:0;margin-bottom:var(--spacing-sm)}.refresh-btn,.finish-btn{width:100%}.empty-state-icon{padding:var(--spacing-md)}}@media (min-width: 992px){.vouchers-grid{grid-template-columns:repeat(2,1fr)}}.tab-button:focus-visible,.back-btn:focus-visible,.refresh-btn:focus-visible,.finish-btn:focus-visible{outline:2px solid var(--light-blue);outline-offset:2px}button:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.glow-effect{position:relative}.glow-effect:after{content:"";position:absolute;inset:-2px;background:var(--gradient-secondary);border-radius:inherit;z-index:-1;opacity:0;transition:opacity var(--transition-base);filter:blur(8px)}.glow-effect:hover:after{opacity:.3}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background-color:#f5f7fa;color:#333}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{transform:translate(-20px);opacity:0}to{transform:translate(0);opacity:1}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.organizer-layout{animation:fadeIn .3s ease-out}@media (max-width: 1024px){.organizer-sidebar{width:80px!important}.sidebar-header .logo-text,.nav-label,.sidebar-footer .footer-label,.sidebar-footer .footer-value{display:none}.sidebar-footer .support-button{padding:12px 8px;font-size:12px}.nav-icon{font-size:24px!important}}@media (max-width: 768px){body{padding-top:0!important}.organizer-dashboard{flex-direction:column}.organizer-sidebar{width:100%!important;height:auto;flex-direction:row;overflow-x:auto}.sidebar-nav ul{display:flex;flex-direction:row}.nav-item{margin-bottom:0!important;margin-right:5px}.main-content{margin-left:0!important}.mobile-header-spacer{display:block;height:56px;flex-shrink:0}}button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.nav-button:hover:not(.disabled):not(.active){background-color:#0000a81a!important}*{transition:background-color .3s ease,border-color .3s ease,transform .3s ease,opacity .3s ease}h1{font-size:clamp(24px,3vw,32px)}h2{font-size:clamp(20px,2.5vw,28px)}h3{font-size:clamp(18px,2vw,24px)}p{font-size:clamp(14px,1.6vw,16px)}@media (max-width: 1200px){.content-container{padding:15px!important}.stats-grid{grid-template-columns:repeat(2,1fr)!important}}@media (max-width: 640px){.stats-grid,.events-grid{grid-template-columns:1fr!important}.quick-actions{grid-template-columns:repeat(2,1fr)!important}}.loading{opacity:.6;pointer-events:none}[title]{position:relative}[title]:hover:after{content:attr(title);position:absolute;bottom:100%;left:50%;transform:translate(-50%);background:#333;color:#fff;padding:6px 12px;border-radius:4px;font-size:12px;white-space:nowrap;z-index:1000;margin-bottom:5px}button:focus,input:focus,select:focus{outline-offset:2px}@media (prefers-color-scheme: dark){body{background-color:#1a1a1a;color:#e0e0e0}.organizer-sidebar{background-color:#003}}