:root{--blue-deep: #163a63;--blue-primary: #1463f3;--blue-bright: #2e83c5;--bg-top: #eef4fa;--bg-bottom: #dde8f3;--amber: #e28a2e;--amber-deep: #8f4d12;--green: #177049;--white: #ffffff;--ink: #16213e;--ink-soft: #5b6b85;--error: #c0392b;--radius-lg: 28px;--radius-md: 18px;--shadow-card: 0 24px 60px -20px rgba(22, 50, 79, .35)}*{box-sizing:border-box}html,body,#root{height:100%;margin:0;overflow:hidden}body{font-family:Inter,system-ui,sans-serif;color:var(--ink);-webkit-user-select:none;user-select:none}.kiosk-viewport{height:100vh;width:100vw;overflow:hidden;display:flex;align-items:center;justify-content:center;background:linear-gradient(180deg,var(--bg-top) 0%,var(--bg-bottom) 100%)}.kiosk{display:flex;flex-direction:column;align-items:center;justify-content:center;transform-origin:center center;gap:clamp(.4rem,2.4vh,1.75rem);padding:clamp(.5rem,2.4vh,1.75rem);transition:transform .3s ease}.kiosk-brand{display:flex;flex-direction:column;align-items:center;gap:clamp(.1rem,.5vh,.35rem)}.kiosk-logo{display:block;height:clamp(72px,13vh,140px);width:auto;object-fit:contain}.company-name{font-family:Outfit,sans-serif;font-weight:700;font-size:clamp(1rem,2.2vh,1.4rem);letter-spacing:.05em;text-transform:uppercase;color:var(--blue-deep);text-align:center;margin-bottom:0}.clock{position:relative;text-align:center}.clock__glow{position:absolute;top:-60px;right:-120px;bottom:-60px;left:-120px;background:radial-gradient(ellipse at center,#2c7fa82e,#2c7fa800 70%);z-index:0;pointer-events:none}.clock__time{position:relative;font-family:Outfit,sans-serif;font-weight:700;font-size:clamp(2.1rem,7.2vh,6.2rem);color:var(--blue-deep);letter-spacing:-.02em;line-height:1;font-variant-numeric:tabular-nums}.clock__ampm{font-size:.42em;font-weight:700;color:var(--blue-bright);margin-left:.45rem;vertical-align:middle}.clock__date{position:relative;margin-top:.6rem;font-size:clamp(.95rem,2.4vh,1.35rem);font-weight:500;color:var(--ink-soft)}.card{background:var(--white);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);padding:clamp(.9rem,3.2vh,2.5rem) clamp(1.25rem,4.5vh,2.75rem);width:min(500px,92vw);display:flex;flex-direction:column;align-items:center}.card-content{width:100%;display:flex;flex-direction:column;align-items:center;animation:card-content-in .3s ease}@keyframes card-content-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.pinpad-wrap{width:100%;display:flex;flex-direction:column;align-items:center}.pin-label{font-family:Outfit,sans-serif;font-weight:600;font-size:clamp(1.15rem,2.9vh,1.5rem);color:var(--blue-deep);margin-bottom:clamp(.5rem,1.5vh,1.25rem);letter-spacing:.01em}.pin-dots{display:flex;gap:clamp(.7rem,2vh,1.1rem);margin-bottom:clamp(.4rem,1.2vh,.75rem)}.pin-dot{width:clamp(16px,2.4vh,20px);height:clamp(16px,2.4vh,20px);border-radius:50%;border:2px solid #c7d6e4;transition:all .15s ease}.pin-dot--filled{background:var(--blue-primary);border-color:var(--blue-primary);transform:scale(1.1)}.pin-dots--error .pin-dot--filled{background:var(--error);border-color:var(--error)}.pin-dots--error{animation:pin-shake .4s ease}@keyframes pin-shake{10%,90%{transform:translate(-1px)}20%,80%{transform:translate(2px)}30%,50%,70%{transform:translate(-4px)}40%,60%{transform:translate(4px)}}.pin-error{color:var(--error);font-size:.95rem;font-weight:500;margin-bottom:1rem;text-align:center;animation:pin-error-in .2s ease}@keyframes pin-error-in{0%{opacity:0}to{opacity:1}}.keypad{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(.4rem,1.2vh,.9rem);width:100%;margin-top:clamp(.5rem,1.5vh,1.5rem)}.key{height:clamp(2.5rem,7.8vh,5.2rem);border-radius:20px;border:none;background:#e3ebf4;color:var(--blue-deep);font-family:Outfit,sans-serif;font-size:clamp(1.15rem,2.9vh,2.1rem);font-weight:600;cursor:pointer;transition:transform .08s ease,background .15s ease}.key:active{transform:scale(.94);background:#d3e0ee}.key:disabled,.clear-btn:disabled{opacity:.4;cursor:not-allowed}.key:disabled:active{transform:none;background:#e3ebf4}.key--utility{background:transparent;color:var(--ink-soft);font-size:1.4rem}.clear-btn{margin-top:clamp(.5rem,1.5vh,1.5rem);background:none;border:none;color:var(--ink-soft);font-family:Inter,sans-serif;font-weight:600;font-size:1rem;letter-spacing:.04em;text-transform:uppercase;cursor:pointer;padding:.5rem 1rem}.clear-btn:active{opacity:.6}.kiosk-footer{width:100%;margin-top:clamp(.75rem,2.6vh,2rem);padding-top:clamp(.6rem,1.6vh,1.4rem);border-top:1px solid #e3ebf4;display:flex;align-items:flex-start;justify-content:space-between;gap:.6rem;flex-wrap:wrap}.kiosk-footer__notice{display:flex;align-items:flex-start;gap:.55rem;color:var(--ink-soft)}.kiosk-footer__notice svg{flex-shrink:0;margin-top:.15rem;color:var(--blue-bright)}.kiosk-footer__notice-title{font-weight:600;font-size:clamp(.75rem,1.7vh,.85rem);color:var(--ink)}.kiosk-footer__notice-body{font-size:clamp(.7rem,1.6vh,.8rem);color:var(--ink-soft)}.kiosk-footer__powered{font-size:clamp(.8rem,1.9vh,.95rem);color:var(--ink-soft);white-space:nowrap}.kiosk-footer__powered strong{font-family:Outfit,sans-serif;font-weight:700;color:var(--blue-primary)}.success-screen{width:100%;display:flex;flex-direction:column;align-items:center;text-align:center}.success-icon{font-size:3.4rem;margin-bottom:.5rem;animation:success-icon-pop .45s cubic-bezier(.34,1.56,.64,1)}@keyframes success-icon-pop{0%{opacity:0;transform:scale(.4)}to{opacity:1;transform:scale(1)}}.success-headline{font-family:Outfit,sans-serif;font-weight:700;font-size:clamp(1.5rem,4vh,1.95rem);color:var(--blue-deep)}.success-status{margin-top:.4rem;font-weight:600;font-size:1.15rem}.success-screen--in .success-status{color:var(--green)}.success-screen--out .success-status{color:var(--amber-deep)}.success-detail-row{display:flex;gap:1rem;margin-top:clamp(1rem,3vh,1.75rem);width:100%;justify-content:center;flex-wrap:wrap}.success-detail-row--grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem}.success-detail{background:#f5f8fb;border-radius:var(--radius-md);padding:clamp(.6rem,2vh,1rem) clamp(.8rem,2vh,1.25rem);flex:1;min-width:0}.success-detail--full{width:100%;margin-top:clamp(.5rem,1.5vh,.75rem);text-align:center}.success-detail__label{font-size:clamp(.65rem,1.6vh,.8rem);color:var(--ink-soft);font-weight:500;margin-bottom:.3rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.success-detail__value{font-family:Outfit,sans-serif;font-weight:700;font-size:clamp(.95rem,2.4vh,1.3rem);color:var(--blue-deep)}.success-message{margin-top:clamp(1rem,3vh,1.75rem);font-size:1.05rem;color:var(--ink-soft);font-style:italic}.success-tap-hint{margin-top:clamp(.75rem,2vh,1.25rem);font-size:.8rem;color:var(--ink-soft);opacity:.7}.setup-wrap{width:100%;display:flex;flex-direction:column;align-items:center;text-align:center}.setup-label{font-family:Outfit,sans-serif;font-weight:600;font-size:clamp(1.15rem,2.9vh,1.5rem);color:var(--blue-deep);letter-spacing:.01em}.setup-instructions{margin:clamp(.5rem,1.5vh,.9rem) 0 clamp(1rem,2.5vh,1.5rem);color:var(--ink-soft);font-size:clamp(.85rem,1.9vh,1rem);max-width:380px}.setup-instructions strong{color:var(--ink)}.setup-form{width:100%;display:flex;flex-direction:column;align-items:center}.setup-input{width:100%;height:clamp(2.6rem,6.5vh,3.2rem);border-radius:var(--radius-md);border:1.5px solid #c7d6e4;padding:0 1rem;font-size:clamp(.9rem,2vh,1rem);font-family:Inter,sans-serif;color:var(--ink);text-align:center}.setup-input:focus{outline:none;border-color:var(--blue-primary)}.setup-error{color:var(--error);font-size:.9rem;font-weight:500;margin-top:.75rem;text-align:center}.setup-submit{margin-top:clamp(1rem,2.5vh,1.5rem);width:100%;height:clamp(2.6rem,6.5vh,3.2rem);border-radius:var(--radius-md);border:none;background:var(--blue-primary);color:var(--white);font-family:Outfit,sans-serif;font-weight:600;font-size:clamp(.95rem,2.1vh,1.1rem);cursor:pointer;transition:opacity .15s ease,transform .08s ease}.setup-submit:active{transform:scale(.98)}.setup-submit:disabled{opacity:.6;cursor:default}.reset-kiosk-link{margin-top:clamp(.5rem,1.5vh,1rem);background:none;border:none;color:#a9b8c9;font-family:Inter,sans-serif;font-size:.72rem;cursor:pointer;padding:.35rem}.reset-kiosk-link:hover,.reset-kiosk-link:focus-visible{color:var(--ink-soft)}.reset-kiosk-confirm{margin-top:clamp(.5rem,1.5vh,1rem);display:flex;flex-direction:column;align-items:center;gap:.5rem;text-align:center}.reset-kiosk-confirm span{font-size:.78rem;color:var(--ink-soft)}.reset-kiosk-confirm__actions{display:flex;gap:.5rem}.reset-kiosk-confirm__cancel,.reset-kiosk-confirm__yes{border:none;border-radius:10px;padding:.4rem .9rem;font-family:Inter,sans-serif;font-size:.78rem;font-weight:600;cursor:pointer}.reset-kiosk-confirm__cancel{background:#eef2f6;color:var(--ink-soft)}.reset-kiosk-confirm__yes{background:var(--error);color:var(--white)}button:focus-visible{outline:3px solid var(--blue-bright);outline-offset:2px}@media (prefers-reduced-motion: reduce){*{transition:none!important;animation:none!important}}