:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:dark;color:#ffffffde;background-color:#000;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{touch-action:none}body{margin:0;padding:0;width:100vw;height:100vh;overflow:hidden;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;cursor:none;touch-action:none}#root{width:100%;height:100%;display:flex;justify-content:center;align-items:center;touch-action:none}@font-face{font-family:Visby;src:local("Visby Round CF DemiBold"),url(/assets/VisbyRoundCF-DemiBold-D9qwJh7a.woff2) format("woff2"),url(/assets/VisbyRoundCF-DemiBold-CvCnoNHQ.woff) format("woff"),url(/assets/VisbyRoundCF-DemiBold-eg_fHg4y.eot?#iefix) format("embedded-opentype");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:Visby;src:local("Visby Round CF Bold"),url(/assets/VisbyRoundCF-Bold-B8iiuLbx.woff2) format("woff2"),url(/assets/VisbyRoundCF-Bold-Cz5F8ofF.woff) format("woff"),url(/assets/VisbyRoundCF-Bold-pNzSKhUT.eot?#iefix) format("embedded-opentype");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Visby;src:local("Visby Round CF ExtraBold"),url(/assets/VisbyRoundCF-ExtraBold-BGAMvGoy.woff2) format("woff2"),url(/assets/VisbyRoundCF-ExtraBold-iOU36V2d.woff) format("woff"),url(/assets/VisbyRoundCF-ExtraBold-Dsi0MEaZ.eot?#iefix) format("embedded-opentype");font-weight:800;font-style:normal;font-display:swap}@font-face{font-family:Open Sans;src:local("Open Sans Light"),url(/assets/OpenSans-Light-1n9Z4xxn.ttf);font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:Open Sans;src:local("Open Sans Regular"),url(/assets/OpenSans-Regular-BYL697sd.ttf);font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Open Sans;src:local("Open Sans SemiBold"),url(/assets/OpenSans-SemiBold-BEIULkAz.ttf);font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:Open Sans;src:local("Open Sans Bold"),url(/assets/OpenSans-Bold-xlJa4yU9.ttf);font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Open Sans;src:local("Open Sans ExtraBold"),url(/assets/OpenSans-ExtraBold-bWPio7kX.ttf);font-weight:800;font-style:normal;font-display:swap}.branded-background{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden}.pattern-overlay{content:"";position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0}.pattern-sosedi-overlay{background-repeat:repeat;background-size:174px 193px;-webkit-mask-image:conic-gradient(#000 90deg,transparent 90deg 180deg,#000 180deg 270deg,transparent 270deg);mask-image:conic-gradient(#000 90deg,transparent 90deg 180deg,#000 180deg 270deg,transparent 270deg);-webkit-mask-size:348px 386px;mask-size:348px 386px}.pattern-percent-overlay{background-image:url("data:image/svg+xml,%3Csvg width='200' height='214' viewBox='0 0 200 214' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg transform='translate(10, 10) scale(1.5)'%3E%3Cpath d='M13.872 13.584C12.336 15.088 10.416 15.84 8.112 15.84C5.808 15.84 3.872 15.072 2.304 13.536C0.768 12 0 10.128 0 7.92C0 5.712 0.768 3.84 2.304 2.304C3.872 0.768001 5.808 0 8.112 0C10.416 0 12.336 0.768001 13.872 2.304C15.408 3.808 16.176 5.68 16.176 7.92C16.176 10.16 15.408 12.048 13.872 13.584ZM3.408 29.184L25.296 4.848L28.224 6.48L6.288 30.864L3.408 29.184ZM5.904 10.128C6.48 10.704 7.2 10.992 8.064 10.992C8.928 10.992 9.648 10.704 10.224 10.128C10.8 9.52 11.088 8.784 11.088 7.92C11.088 7.056 10.8 6.336 10.224 5.76C9.648 5.184 8.928 4.896 8.064 4.896C7.2 4.896 6.48 5.184 5.904 5.76C5.36 6.336 5.088 7.056 5.088 7.92C5.088 8.784 5.36 9.52 5.904 10.128ZM30.096 32.544C28.56 34.08 26.64 34.848 24.336 34.848C22.032 34.848 20.112 34.08 18.576 32.544C17.04 31.008 16.272 29.136 16.272 26.928C16.272 24.72 17.04 22.848 18.576 21.312C20.112 19.776 22.032 19.008 24.336 19.008C26.64 19.008 28.56 19.776 30.096 21.312C31.632 22.848 32.4 24.72 32.4 26.928C32.4 29.136 31.632 31.008 30.096 32.544ZM22.176 29.136C22.752 29.712 23.472 30 24.336 30C25.2 30 25.904 29.696 26.448 29.088C27.024 28.48 27.312 27.76 27.312 26.928C27.312 26.064 27.024 25.344 26.448 24.768C25.904 24.16 25.2 23.856 24.336 23.856C23.472 23.856 22.752 24.16 22.176 24.768C21.632 25.344 21.36 26.064 21.36 26.928C21.36 27.792 21.632 28.528 22.176 29.136Z' fill='%23E67764'/%3E%3C/g%3E%3Cg transform='translate(110, 117) scale(1.5)'%3E%3Cpath d='M13.872 13.584C12.336 15.088 10.416 15.84 8.112 15.84C5.808 15.84 3.872 15.072 2.304 13.536C0.768 12 0 10.128 0 7.92C0 5.712 0.768 3.84 2.304 2.304C3.872 0.768001 5.808 0 8.112 0C10.416 0 12.336 0.768001 13.872 2.304C15.408 3.808 16.176 5.68 16.176 7.92C16.176 10.16 15.408 12.048 13.872 13.584ZM3.408 29.184L25.296 4.848L28.224 6.48L6.288 30.864L3.408 29.184ZM5.904 10.128C6.48 10.704 7.2 10.992 8.064 10.992C8.928 10.992 9.648 10.704 10.224 10.128C10.8 9.52 11.088 8.784 11.088 7.92C11.088 7.056 10.8 6.336 10.224 5.76C9.648 5.184 8.928 4.896 8.064 4.896C7.2 4.896 6.48 5.184 5.904 5.76C5.36 6.336 5.088 7.056 5.088 7.92C5.088 8.784 5.36 9.52 5.904 10.128ZM30.096 32.544C28.56 34.08 26.64 34.848 24.336 34.848C22.032 34.848 20.112 34.08 18.576 32.544C17.04 31.008 16.272 29.136 16.272 26.928C16.272 24.72 17.04 22.848 18.576 21.312C20.112 19.776 22.032 19.008 24.336 19.008C26.64 19.008 28.56 19.776 30.096 21.312C31.632 22.848 32.4 24.72 32.4 26.928C32.4 29.136 31.632 31.008 30.096 32.544ZM22.176 29.136C22.752 29.712 23.472 30 24.336 30C25.2 30 25.904 29.696 26.448 29.088C27.024 28.48 27.312 27.76 27.312 26.928C27.312 26.064 27.024 25.344 26.448 24.768C25.904 24.16 25.2 23.856 24.336 23.856C23.472 23.856 22.752 24.16 22.176 24.768C21.632 25.344 21.36 26.064 21.36 26.928C21.36 27.792 21.632 28.528 22.176 29.136Z' fill='%23E67764'/%3E%3C/g%3E%3C/svg%3E");background-repeat:repeat;background-size:200px 214px}.branded-content{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;width:100%;height:100%}.brand-header{display:flex;flex-direction:column;align-items:center;gap:8px;margin-bottom:40px}.brand-logo{width:auto;object-fit:contain}.brand-address{font-family:Open Sans,sans-serif;font-weight:700;font-size:32px;color:#fff;margin:0;text-align:center;line-height:1.36}.welcome-screen{z-index:1000}.welcome-content{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;z-index:1;height:100%}.welcome-logo{width:482px;height:auto;filter:brightness(0) invert(1)}.token-screen{z-index:100;padding:20px;box-sizing:border-box}.token-content{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;max-width:600px;z-index:1;height:100%}.token-logo{width:482px;height:auto;margin-bottom:60px;filter:brightness(0) invert(1)}.token-form-container{width:100%;display:flex;flex-direction:column;gap:24px}.token-title{font-family:Open Sans,sans-serif;font-weight:600;font-size:16px;color:#fff;margin:0 0 8px;text-align:left;padding-left:4px}.token-form{display:flex;flex-direction:column;gap:24px}.input-group{width:100%}.token-error{margin-top:8px;margin-bottom:0;font-family:Open Sans,sans-serif;font-weight:400;font-size:14px;color:#f44;text-align:left;padding-left:4px}.token-input{width:100%;height:70px;background:#fff;border:1px solid #B4BDCA;border-radius:24px;padding:0 24px;font-family:Open Sans,sans-serif;font-weight:600;font-size:24px;color:#333;box-sizing:border-box;outline:none}.token-input::placeholder{color:#b4bdca}.token-input:focus{border-color:#457dbf}.button-group{display:flex;flex-direction:column;gap:16px;align-items:center;margin-top:20px}.confirm-button{width:100%;height:72px;background:#fff;border-radius:36px;border:none;font-family:Open Sans,sans-serif;font-weight:700;font-size:24px;color:#457dbf;cursor:pointer;transition:opacity .2s}.confirm-button:disabled{opacity:.5;cursor:not-allowed}.cancel-button{background:transparent;border:1px solid #FFFFFF;border-radius:16px;padding:12px 24px;font-family:Open Sans,sans-serif;font-weight:600;font-size:16px;color:#fff;cursor:pointer;margin-bottom:10px}.verification-success-screen{z-index:100;animation:fadeIn .3s ease-in-out}.verification-success-content{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:40px;z-index:1;animation:scaleIn .4s ease-out;height:100%}.verification-logo{width:482px;height:auto;filter:brightness(0) invert(1)}.success-icon{animation:checkmarkPop .5s ease-out .2s both}.success-message{font-family:Open Sans,sans-serif;font-weight:700;font-size:32px;color:#fff;margin:0;text-align:center;max-width:600px}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.executor-checkin-screen{z-index:200;animation:fadeIn .3s ease-in-out}.executor-checkin-content{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:32px;z-index:1;animation:slideUp .4s ease-out;height:100%}.checkin-icon{animation:checkmarkPop .5s ease-out .1s both}.checkin-heading{font-family:Open Sans,sans-serif;font-weight:700;font-size:48px;color:#fff;margin:0;text-align:center}.checkin-name{font-family:Open Sans,sans-serif;font-weight:400;font-size:32px;color:#fff;margin:0;text-align:center;max-width:800px}.executor-checkout-screen{z-index:200;animation:fadeIn .3s ease-in-out}.executor-checkout-content{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:32px;z-index:1;animation:slideUp .4s ease-out;height:100%}.checkout-icon{animation:checkmarkPop .5s ease-out .1s both}.checkout-heading{font-family:Open Sans,sans-serif;font-weight:700;font-size:48px;color:#fff;margin:0;text-align:center}.checkout-name{font-family:Open Sans,sans-serif;font-weight:400;font-size:32px;color:#fff;margin:0;text-align:center;max-width:800px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes checkmarkPop{0%{transform:scale(0);opacity:0}50%{transform:scale(1.1)}to{transform:scale(1);opacity:1}}.offline-screen{z-index:150}.offline-content{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;z-index:1}.offline-card{display:flex;flex-direction:column;align-items:center;gap:48px;padding:48px 24px;background:#fff;border-radius:32px;box-shadow:0 8px 40px #0000001f}.offline-icon{animation:pulse 2s ease-in-out infinite}.offline-text{display:flex;flex-direction:column;align-items:center;gap:16px}.offline-heading{font-family:Visby Round CF,Open Sans,sans-serif;font-weight:400;font-size:32px;line-height:1.2;color:#213451;margin:0;text-align:center}.offline-subtitle{font-family:Open Sans,sans-serif;font-weight:400;font-size:24px;line-height:1.36;color:#6a788d;margin:0;text-align:center;max-width:553px}.offline-countdown{font-family:Open Sans,sans-serif;font-weight:600;font-size:24px;line-height:1.36;color:#457dbf;margin:0;text-align:center}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.connection-error-screen{z-index:150}.connection-error-content{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;z-index:1}.error-card{display:flex;flex-direction:column;align-items:center;gap:48px;padding:48px 24px;background:#fff;border-radius:32px;box-shadow:0 8px 40px #0000001f}.error-text{display:flex;flex-direction:column;align-items:center;gap:16px}.error-heading{font-family:Visby Round CF,Open Sans,sans-serif;font-weight:400;font-size:32px;line-height:1.2;color:#213451;margin:0;text-align:center}.error-subtitle{font-family:Open Sans,sans-serif;font-weight:400;font-size:24px;line-height:1.36;color:#6a788d;margin:0;text-align:center;max-width:553px}.error-countdown{font-family:Open Sans,sans-serif;font-weight:600;font-size:24px;line-height:1.36;color:#457dbf;margin:0;text-align:center}.loader-container{display:flex;justify-content:center;align-items:center;width:434px;height:434px}.loader-spinner{width:150px;height:150px;color:#457dbf}.app-screen{z-index:1;touch-action:none}.main-content{flex:1;display:flex;justify-content:center;align-items:center;flex-direction:column;z-index:1;color:#fff;touch-action:none}.qr-wrapper{display:flex;flex-direction:column;align-items:center;gap:20px;animation:fadeIn .5s ease-in-out}.qr-info{text-align:center;opacity:.7}.qr-info p{font-size:24px;margin:0 0 5px;font-weight:300}.qr-info small{font-family:monospace;font-size:12px}.error-message{text-align:center;color:#f44}.retry-hint{font-size:14px;opacity:.6;margin-top:10px}.loading{display:flex;flex-direction:column;align-items:center;gap:15px;color:#fff}.spinner{width:40px;height:40px;border:3px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:spin 1s ease-in-out infinite}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}