: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}body{margin:0;padding:0;width:100vw;height:100vh;overflow:hidden;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;cursor:none}#root{width:100%;height:100%;display:flex;justify-content:center;align-items:center}@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-repeat:repeat;background-size:132px 140px;-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:264px 280px;mask-size:264px 280px}.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}.main-content{flex:1;display:flex;justify-content:center;align-items:center;flex-direction:column;z-index:1;color:#fff}.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)}}