*{box-sizing:border-box}body{margin:0;min-height:100vh;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#0f172a}#root{min-height:100vh}.kiosk-page{min-height:100vh;width:100%;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at top,#0f172a,#020617 55% 100%);padding:1.5rem}.kiosk-card{background:#fff;width:min(560px,100%);border-radius:1.5rem;padding:1.8rem 2rem 1.6rem;box-shadow:0 20px 45px #00000047;display:flex;flex-direction:column;gap:.6rem;border:1px solid rgba(15,23,42,.04)}.kiosk-title{font-size:1.8rem;font-weight:700;text-align:left;margin-bottom:.25rem;color:#0f172a}.kiosk-subtitle{text-align:left;color:#94a3b8;font-size:.8rem;margin-bottom:1.2rem}.kiosk-label{font-size:.75rem;font-weight:600;margin-bottom:.35rem;color:#0f172a}.kiosk-select,.kiosk-input{width:100%;padding:.65rem .7rem;border-radius:.75rem;border:1px solid #e2e8f0;margin-bottom:.7rem;font-size:.9rem;background:#fff}.kiosk-input{letter-spacing:0}.kiosk-buttons{display:flex;gap:.8rem;margin-top:.25rem;margin-bottom:.8rem}.btn{flex:1;border:none;border-radius:.75rem;padding:.65rem .6rem;font-weight:600;color:#fff;cursor:pointer;transition:transform .05s ease-in-out,box-shadow .05s}.btn:active{transform:translateY(1px)}.btn-primary{background:linear-gradient(135deg,#0ea5e9,#0284c7);box-shadow:0 10px 25px #0ea5e94d}.btn-danger{background:linear-gradient(135deg,#ef4444,#b91c1c);box-shadow:0 10px 25px #ef444459}.btn:disabled{opacity:.6;cursor:not-allowed;box-shadow:none}.alert{border-radius:.7rem;padding:.5rem .6rem;font-size:.75rem}.alert-success{background:#dcfce7;color:#166534}.alert-warn{background:#fef9c3;color:#854d0e}.alert-error{background:#fee2e2;color:#b91c1c}.tab{background:#e5edf3;border:none;padding:.25rem 1.1rem;border-radius:9999px;font-size:.7rem;cursor:pointer}.tab-active{background:#0ba5ff;color:#fff;border:none;padding:.25rem 1.1rem;border-radius:9999px;font-size:.7rem;cursor:pointer}@media(max-width:480px){.kiosk-page{padding:.75rem}.kiosk-card{width:100%;border-radius:1.2rem;padding:1.2rem 1.2rem 1.4rem}.kiosk-card img{max-width:70%;height:auto}.kiosk-subtitle{text-align:center;font-size:.85rem}.kiosk-label{font-size:.8rem}.kiosk-input{font-size:1rem;margin-bottom:.9rem}.btn{padding:.75rem .6rem;font-size:.9rem}}@media(max-width:360px){.kiosk-card{padding:1rem .9rem 1.2rem}.kiosk-card img{max-width:65%}}