: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}body{margin-top:10px;font-family:Arial,sans-serif}.tickets-list{max-width:450px;width:100%!important;margin:0 auto!important;padding:0!important;background-color:#fff!important;display:flex!important;justify-content:center!important}.ticket{overflow:hidden;padding:20px;box-shadow:0 2px 10px #0000001a;width:100%!important;max-width:400px!important;margin:0 auto!important;background-color:#fff!important;display:flex!important;justify-content:center!important}.ticket-content{width:100%!important;height:80vh;max-width:400px;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;margin:0 auto!important}.ticket .header{font-size:18px;font-weight:700;text-align:left;width:100%;padding:0 5px}.ticket .subheader{font-size:14px;color:#666;text-align:left;width:100%;padding:0 5px}.ticket .qr-code{margin:20px auto;padding:4rem 1rem;display:flex;justify-content:center;flex-wrap:nowrap;flex-direction:column;align-items:center;position:relative;width:100%;align-self:center}.qr-code-name{position:absolute;bottom:-70px}.ticket .qr-code img{max-width:100%;padding:1rem;border:4px solid grey;animation:borderAnimation 1.5s infinite;position:absolute}@keyframes borderAnimation{0%{padding:1rem}to{padding:2.5rem;border:7px solid rgb(216,212,212)}}.ticket .footer{display:flex;justify-content:space-between;font-size:14px;width:100%;padding:0 10px}.footer__left{max-width:50%}.footer__right{justify-self:flex-end;text-align:right}.slick-dots{bottom:0}.slick-slide{margin:0!important;padding:10px!important;box-sizing:border-box!important;background-color:#fff!important;display:flex!important;justify-content:center!important}.slick-list{margin:0!important;width:100%!important}.inverted-colors{filter:none;background-color:#fff!important}.tickets-list{width:100%;margin:0 auto;background-color:#fff!important}.slick-slide{padding:10px;box-sizing:border-box;background-color:#fff!important}.ticket{width:100%;margin:0 auto;background-color:#fff!important}.qr-code img{filter:none;background-color:#fff;padding:5px;border-radius:5px}.ticket .header,.ticket .subheader,.footer,.qr-code-name,.ticket{color:#000!important}#root,#app{background-color:#fff!important}#app.inverted-colors{padding:0!important;margin:0!important;width:100%!important;display:flex!important;justify-content:center!important;align-items:center!important}.slick-slider{touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.slick-list{touch-action:pan-y pinch-zoom}.slick-slide{pointer-events:auto!important}