:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}Reset and base styles *{margin:0;padding:0;box-sizing:border-box}html,body{margin:0;padding:0;background-color:var(--background-color);width:100%;min-height:100%}:root{--primary-color: #2196F3;--primary-hover: #1976D2;--background-color: #0a0c10;--card-background: #1a1d24;--text-color: #ffffff;--text-secondary: #a0a0a0;--border-color: #2a2d34;--success-color: #4CAF50;--side-padding: 1rem}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;color:var(--text-color);line-height:1.5;-webkit-font-smoothing:antialiased;display:block;min-height:100vh;width:100%}.container{display:flex;justify-content:center;align-items:center;padding:var(--side-padding);background-color:var(--background-color);min-height:100vh;min-height:100dvh;width:100%;padding-top:60px}.card{background-color:var(--card-background);border-radius:16px;padding:2rem;width:100%;max-width:600px;margin:1rem auto;box-shadow:0 8px 32px #0003;box-sizing:border-box}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(prefers-reduced-motion:no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.read-the-docs{color:#888}h1{margin:0 0 2rem;font-size:1.75rem;font-weight:600;text-align:center;color:var(--text-color)}h2{margin:1.5rem 0 1rem;font-size:1.2rem;color:var(--text-color)}.event-details,.customer-details{padding:1.25rem;margin-bottom:1.5rem;background-color:#ffffff0d;border-radius:12px}.detail-row{display:flex;flex-direction:column;gap:8px;padding:12px 0;border-bottom:1px solid var(--border-color)}.detail-row:last-child{border-bottom:none}.label{color:var(--text-secondary);font-size:.9rem;font-weight:500}.value{color:var(--text-color);font-size:1rem;line-height:1.5}.form-group{display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem}.form-group label{display:block;margin-bottom:12px;color:var(--text-secondary);font-size:.9rem;font-weight:500}.phone-input-group{display:flex;align-items:center;gap:12px;margin:1rem 0;width:100%}.country-select{width:110px;flex-shrink:0}.phone-input{flex:1;min-width:0}.country-select,.phone-input{height:48px;padding:0 1rem;border:1px solid var(--border-color);border-radius:8px;background-color:#ffffff0d;color:var(--text-color);font-size:1rem}select,input{background-color:#ffffff0d;border:1px solid var(--border-color);border-radius:8px;color:var(--text-color);padding:.75rem;font-size:1rem}select{width:140px;max-height:400px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#ffffff0d;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'%3e%3cpath d='M7 10l5 5 5-5z'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right .5rem center;background-size:1.5em;padding-right:2rem;color:var(--text-color)}select optgroup{background-color:var(--card-background);color:var(--primary-color);font-size:.9rem;font-weight:600;padding:.5rem}select option{background-color:var(--card-background);color:var(--text-color);padding:.75rem;font-size:.9rem}select option:hover,select option:focus{background-color:var(--primary-color);color:#fff}@-moz-document url-prefix(){select optgroup{background-color:var(--card-background);color:var(--primary-color)}select option{background-color:var(--card-background);color:var(--text-color)}}select::-webkit-optgroup-label{color:var(--primary-color);font-weight:600}select option:checked{background-color:var(--primary-color);color:#fff}input{flex:1}.update-button{width:100%;padding:1rem;border:none;border-radius:8px;background-color:var(--primary-color);color:#fff;font-size:1rem;font-weight:500;cursor:pointer;transition:background-color .2s ease;position:relative;z-index:5}.update-button:hover{background-color:var(--primary-hover)}.update-button:disabled{background-color:#ffffff1a;cursor:not-allowed}.message{margin-top:1rem;margin-bottom:1.5rem;padding:1rem;border-radius:8px;text-align:center;font-weight:500;animation:slideIn .3s ease;position:relative;z-index:10}.message.success{background-color:#4caf501a;color:var(--success-color)}.message.error{background-color:#f443361a;color:#f44336}.message.info{background-color:#2196f31a;color:#2196f3}.loading-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#0e1117e6;display:flex;justify-content:center;align-items:center;z-index:1000}.spinner{width:50px;height:50px;border:3px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:var(--text-color);animation:spin 1s ease-in-out infinite}@keyframes spin{to{transform:rotate(360deg)}}.error-container{min-height:100vh;min-height:100dvh;width:100%;display:flex;justify-content:center;align-items:center;padding:var(--side-padding);background-color:var(--background-color)}.error-content{text-align:center;background-color:var(--card-background);padding:2rem;border-radius:16px;box-shadow:0 8px 32px #0003;max-width:600px;width:100%}.error-details{margin-top:1rem;color:var(--text-secondary);font-size:.9rem}@media(max-width:600px){:root{--side-padding: .5rem}.container{padding:var(--side-padding);width:100%;min-width:100%;display:flex;justify-content:center}.card{width:100%;min-width:calc(100% - (var(--side-padding) * 2));margin:0;padding:1rem}.event-details,.customer-details{padding:1rem;margin-bottom:1.5rem;width:100%}.phone-input-group{gap:8px}.country-select{width:90px}.detail-row,.event-details,.customer-details,.form-group,.phone-input-group,input,select,button{width:100%;max-width:100%;box-sizing:border-box}.message{margin:1.5rem -.5rem 0;border-radius:6px}}@media(min-width:601px){:root{--side-padding: 2rem}.container{padding:var(--side-padding)}.card{margin:2rem auto;min-width:320px}}@media(min-width:1200px){:root{--side-padding: 3rem}}@supports (padding: max(0px)){.container{padding:max(var(--side-padding),env(safe-area-inset-top)) max(var(--side-padding),env(safe-area-inset-right)) max(var(--side-padding),env(safe-area-inset-bottom)) max(var(--side-padding),env(safe-area-inset-left))}}.detail-row{padding:.75rem 0}.phone-input-group{margin:1rem 0}.detail-row .value{overflow-wrap:break-word;word-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}.loading-overlay,.completion-container{min-height:100vh;min-height:100dvh;width:100%;display:flex;justify-content:center;align-items:center;padding:var(--side-padding)}.completion-content{width:100%;max-width:600px;margin:0 auto;padding:2rem;text-align:center}.error-container{min-height:100vh;min-height:100dvh;width:100%;display:flex;justify-content:center;align-items:center;padding:var(--side-padding);text-align:center}img,svg{max-width:100%;height:auto}.celebration-emoji{font-size:5rem;margin-bottom:1.5rem;animation:bounce .6s ease infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.completion-container{min-height:100vh;min-height:100dvh;width:100%;display:flex;justify-content:center;align-items:center;padding:var(--side-padding);background-color:var(--background-color)}.completion-content{text-align:center;background-color:var(--card-background);padding:3rem 2rem;border-radius:16px;box-shadow:0 8px 32px #0003;max-width:600px;width:100%;animation:fadeIn .5s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media(max-width:600px){.celebration-emoji{font-size:4rem}}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.error-content.not-found{display:flex;flex-direction:column;align-items:center;padding:3rem 2rem}.sad-emoji{font-size:4rem;margin-bottom:1.5rem;animation:swing 2s ease-in-out infinite}.not-found h1{color:var(--text-color);font-size:1.5rem;margin-bottom:1rem}.not-found .error-details{color:var(--text-secondary);font-size:1rem;margin-top:.5rem}@keyframes swing{0%,to{transform:rotate(-5deg)}50%{transform:rotate(5deg)}}@media(max-width:600px){.sad-emoji{font-size:3.5rem}.not-found h1{font-size:1.25rem}}.notification-banner{position:fixed;top:0;left:0;width:100%;background-color:#f8f9fa;border-bottom:1px solid #dee2e6;box-shadow:0 2px 5px #0000001a;z-index:1000;padding:10px 15px}.notification-content{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center}.notification-content p{margin:0;font-size:14px;color:#333}.notification-close{background:none;border:none;font-size:20px;cursor:pointer;color:#666;padding:0 5px}.notification-close:hover{color:#333}.button-group{display:flex;gap:10px;margin-top:10px}.update-button,.qr-button{flex:1;padding:10px 15px;border:none;border-radius:4px;cursor:pointer;font-weight:500;transition:background-color .3s,opacity .3s}.update-button{background-color:#4a90e2;color:#fff}.qr-button{background-color:#28a745;color:#fff;display:flex;justify-content:center;align-items:center}.qr-button svg{width:20px;height:20px}.update-button:disabled,.qr-button:disabled{opacity:.6;cursor:not-allowed}.update-button:hover:not(:disabled),.qr-button:hover:not(:disabled){opacity:.9}.confirmation-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000b3;display:flex;justify-content:center;align-items:center;z-index:1000}.confirmation-modal{background-color:#fff;border-radius:8px;padding:24px;width:90%;max-width:500px;box-shadow:0 4px 12px #00000026}.confirmation-modal p{margin-top:0;color:#000}.confirmation-modal h2{margin-top:0;color:#333}.confirmation-phone{font-size:24px;font-weight:700;margin:16px 0;text-align:center}.confirmation-warning{background-color:#fff8e1;border-left:4px solid #ffc107;padding:12px;margin:16px 0;color:#d32f2f}.confirmation-buttons{display:flex;justify-content:space-between;margin-top:24px;gap:20px}.cancel-button,.confirm-button{flex:.45;background-color:#f44336;color:#fff;border:none;padding:10px 15px;border-radius:4px;cursor:pointer;font-weight:700}.confirm-button{background-color:#4caf50}*{margin:0;padding:0;box-sizing:border-box}html.qr-page body{margin:0;font-family:Arial,sans-serif;-webkit-text-size-adjust:100%;text-size-adjust:100%;background-color:#000!important}@media(pointer:coarse)and (orientation:portrait){html.qr-page body{overflow:hidden;height:var(--real-vh, 100vh)}}@media(pointer:coarse)and (orientation:landscape){html.qr-page body{overflow:auto}}html.qr-page,html.qr-page body,html.qr-page #root,html.qr-page #app{background-color:#000!important}#app.inverted-colors{padding:0!important;margin:0!important;width:100%!important;background-color:#000!important}@media(pointer:coarse)and (orientation:portrait){#app.inverted-colors{height:var(--real-vh, 100vh)!important;overflow:hidden!important}}@media(pointer:coarse)and (orientation:landscape){#app.inverted-colors{overflow:auto!important}}.inverted-colors{filter:none;background-color:#000!important}.ticket{overflow:visible;padding:30px 15px 15px;width:92vw!important;max-width:460px!important;margin:0 auto!important;background-color:transparent!important;display:flex!important;flex-direction:column!important;align-items:center!important;min-height:var(--real-vh, 100vh);justify-content:center!important}.ticket-content{width:100%!important;max-width:440px;background:#fff;border-radius:16px;padding:24px 20px 20px;display:flex;flex-direction:column;align-items:flex-start;margin:0 auto!important;min-height:calc(var(--real-vh, 100vh) - 150px);-webkit-box-sizing:border-box}.card-header-row{display:flex;justify-content:space-between;align-items:flex-start;width:100%;margin-bottom:8px}.ticket .header{font-size:20px;font-weight:700;text-align:left;color:#000;line-height:1.3}.ticket .subheader{font-size:13px;color:#888;text-align:left;margin-top:2px;letter-spacing:.5px}.info-icon{font-size:24px;color:#999;cursor:pointer;line-height:1;flex-shrink:0;margin-left:10px}.card-spacer{flex:1}.qr-group{display:flex;flex-direction:column;align-items:center;width:100%}.ticket .qr-code{margin:0 auto;padding:0;display:flex;justify-content:center;align-items:center;width:270px;height:270px;align-self:center}.qr-border-box{display:flex;justify-content:center;align-items:center;padding:1rem;border:4px solid grey;animation:borderAnimation 1.5s infinite}.ticket .qr-code img{width:170px;height:170px;display:block;background-color:#fff}@keyframes borderAnimation{0%{padding:1rem;border:4px solid grey}to{padding:2.5rem;border:7px solid rgb(216,212,212)}}.qr-code-name{font-size:16px;color:#000;text-align:center;font-weight:500;width:100%;margin-top:-35px}.ticket .footer{display:flex;justify-content:space-between;width:100%;padding:12px 0 0;margin-top:auto}.footer__left{max-width:60%}.footer__right{text-align:right}.footer__label{font-size:11px;color:#888;letter-spacing:1px;font-weight:600;margin-bottom:1px}.footer__value{font-size:15px;color:#000;font-weight:700}.below-card{text-align:center;padding:24px 10px 10px;width:100%}.event-name-below{font-size:13px;color:#aaa;margin-bottom:4px}.current-time{font-size:13px;color:#aaa}.slick-dots{position:absolute!important;bottom:2px!important;left:0!important;right:0!important;margin:0!important;padding:0!important;line-height:1!important}.slick-dots li{margin:0 3px!important;width:12px!important;height:12px!important}.slick-dots li button:before{color:#666!important;font-size:8px!important}.slick-dots li.slick-active button:before{color:#fff!important;font-size:12px!important}.slick-slide{margin:0!important;padding:0!important;box-sizing:border-box!important;background-color:transparent!important;display:flex!important;justify-content:center!important;pointer-events:auto!important}.slick-list{margin:0!important;width:100%!important;touch-action:pan-y pinch-zoom}.slick-slider{position:relative;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.qr-code img{filter:none}.ticket .header,.ticket .subheader,.ticket{color:#000!important}#app.desktop-mode{height:100vh!important;overflow:hidden!important;display:flex!important;flex-direction:row!important;justify-content:center!important;align-items:stretch!important;gap:20px;padding:20px!important}.desktop-mode .ticket{flex:1;max-width:380px!important}.desktop-mode .ticket-content{height:calc(100vh - 140px)}