*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--kiosk-bg:#0f1117;--kiosk-surface:#1a1c25;--kiosk-text:#e4e4e7;--kiosk-text-muted:#71717a;--kiosk-accent:#6366f1;--kiosk-accent-glow:#6366f159;color:var(--kiosk-text);background:var(--kiosk-bg);font-family:Inter,system-ui,-apple-system,sans-serif}html,body,#root{width:100vw;height:100vh;overflow:hidden}.screen{flex-direction:column;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:relative}.waiting-screen{background:var(--kiosk-bg);gap:2rem}.company-name{letter-spacing:-.02em;color:var(--kiosk-text);font-size:2.4rem;font-weight:700}.clock{letter-spacing:.04em;color:var(--kiosk-text);font-variant-numeric:tabular-nums;font-size:6rem;font-weight:300}.waiting-message{color:var(--kiosk-text-muted);font-size:1.5rem}.waiting-error{color:#ef4444;margin-top:.5rem;font-size:1.1rem}.waiting-reset-button{color:var(--kiosk-text-muted);cursor:pointer;background:0 0;border:1px solid #e4e4e73d;border-radius:8px;margin-top:1.5rem;padding:.65rem 1rem;font-size:.9rem;transition:color .2s,border-color .2s,background-color .2s}.waiting-reset-button:hover{color:var(--kiosk-text);background:#ffffff0a;border-color:#e4e4e77a}.pulse-container{margin-top:1rem}.pulse-dot{background:var(--kiosk-accent);border-radius:50%;width:12px;height:12px;animation:2s ease-in-out infinite pulse;display:inline-block}@keyframes pulse{0%,to{opacity:1;box-shadow:0 0 0 0 var(--kiosk-accent-glow)}50%{opacity:.6;box-shadow:0 0 0 14px #0000}}.connecting-screen{background:var(--kiosk-bg);gap:2rem}.connecting-message{color:var(--kiosk-text-muted);font-size:1.5rem}.spinner{border:4px solid var(--kiosk-surface);border-top-color:var(--kiosk-accent);border-radius:50%;width:48px;height:48px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.call-screen{background:#000;padding:0}.remote-video{width:100%;height:100%;position:absolute;inset:0}.remote-video video{object-fit:cover;width:100%;height:100%}.remote-placeholder{background:var(--kiosk-surface);justify-content:center;align-items:center;width:100%;height:100%;display:flex}.remote-placeholder span{background:var(--kiosk-accent);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:120px;height:120px;font-size:3rem;font-weight:600;display:flex}.local-video{z-index:10;border:2px solid #ffffff26;border-radius:12px;width:200px;height:150px;position:fixed;bottom:24px;right:24px;overflow:hidden;box-shadow:0 4px 20px #00000080}.local-video video{object-fit:cover;width:100%;height:100%}.call-issue{z-index:20;color:#fee2e2;background:#7f1d1de0;border:1px solid #f87171b3;border-radius:10px;padding:12px 16px;font-size:1rem;line-height:1.4;position:fixed;top:24px;left:24px;right:24px}.activation-screen{background:var(--kiosk-bg);justify-content:center;align-items:center;width:100vw;height:100vh;padding:2rem;display:flex}.activation-form{flex-direction:column;gap:1.5rem;width:100%;max-width:400px;display:flex}.activation-title{text-align:center;color:var(--kiosk-text);margin-bottom:.5rem;font-size:1.8rem;font-weight:600}.activation-input{border:2px solid var(--kiosk-surface);background:var(--kiosk-surface);color:var(--kiosk-text);border-radius:8px;padding:12px 16px;font-family:inherit;font-size:1rem;transition:border-color .2s,box-shadow .2s}.activation-input:focus{border-color:var(--kiosk-accent);box-shadow:0 0 0 3px var(--kiosk-accent-glow);outline:none}.activation-input:disabled{opacity:.6;cursor:not-allowed}.activation-input::placeholder{color:var(--kiosk-text-muted)}.activation-button{background:var(--kiosk-accent);color:#fff;cursor:pointer;border:none;border-radius:8px;padding:12px 24px;font-family:inherit;font-size:1rem;font-weight:600;transition:all .2s}.activation-button:hover:not(:disabled){box-shadow:0 0 0 8px var(--kiosk-accent-glow);background:#4f46e5}.activation-button:disabled{opacity:.5;cursor:not-allowed}.activation-error{color:#fca5a5;text-align:center;background:#ef44441a;border:1px solid #ef44444d;border-radius:8px;padding:12px 16px;font-size:.95rem}