:root{--primary: #0093b2;--primary-dark: #007a94;--danger: #e53e3e;--text: #1a2b33;--text-soft: #5b6b73;--bg-grad-a: #eef3f5;--bg-grad-b: #dbe6ea;--card-bg: #ffffff;--radius: 16px;--touch: 48px;--shadow: 0 8px 30px rgba(10, 40, 50, .12);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}*{box-sizing:border-box}html,body,#root{margin:0;padding:0;height:100%}body{background:linear-gradient(160deg,var(--bg-grad-a),var(--bg-grad-b));color:var(--text);-webkit-font-smoothing:antialiased}.cf-page{min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px 16px;padding-bottom:calc(24px + env(safe-area-inset-bottom))}.cf-card{width:100%;max-width:420px;background:var(--card-bg);border-radius:var(--radius);box-shadow:var(--shadow);padding:28px 22px;text-align:center}.cf-brand{font-size:15px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--primary);margin-bottom:18px}.cf-title{font-size:22px;font-weight:700;margin:0 0 6px;line-height:1.25}.cf-subtitle{font-size:15px;color:var(--text-soft);margin:0 0 20px;line-height:1.45}.cf-icon{font-size:44px;line-height:1;margin-bottom:14px}.cf-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:var(--touch);border:none;border-radius:calc(var(--radius) - 4px);font-size:16px;font-weight:600;cursor:pointer;padding:12px 18px;transition:background-color .15s ease,transform .05s ease}.cf-btn:active{transform:scale(.98)}.cf-btn-primary{background:var(--primary);color:#fff}.cf-btn-primary:hover{background:var(--primary-dark)}.cf-btn-secondary{background:#eef3f5;color:var(--text)}.cf-btn-danger{background:var(--danger);color:#fff}.cf-btn+.cf-btn{margin-top:12px}.cf-field{text-align:left;margin-bottom:16px}.cf-field label{display:block;font-size:13px;font-weight:600;color:var(--text-soft);margin-bottom:6px;text-transform:capitalize}.cf-field input{width:100%;min-height:var(--touch);border:1.5px solid #cdd9de;border-radius:12px;padding:10px 14px;font-size:16px;color:var(--text);background:#fff;outline:none;transition:border-color .15s ease}.cf-field input:focus{border-color:var(--primary)}.cf-field .cf-error{display:block;color:var(--danger);font-size:13px;margin-top:5px}.cf-radio-group{display:flex;gap:12px;justify-content:center;margin:14px 0}.cf-radio{display:inline-flex;align-items:center;gap:8px;min-height:var(--touch);padding:8px 18px;border:1.5px solid #cdd9de;border-radius:12px;cursor:pointer;font-size:15px}.cf-radio input{accent-color:var(--primary);width:18px;height:18px}.cf-radio.selected{border-color:var(--primary);background:#0093b212}.cf-permission-icons{display:flex;justify-content:center;gap:18px;font-size:40px;margin-bottom:16px}.cf-help{background:#fff7e8;border:1px solid #f0ce8e;color:#7a5b16;border-radius:12px;padding:12px 14px;font-size:14px;line-height:1.45;margin:14px 0;text-align:left}.cf-calling{min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:26px;padding:24px 18px calc(32px + env(safe-area-inset-bottom));text-align:center}.cf-pulse{position:relative;width:120px;height:120px}.cf-pulse .cf-pulse-core{position:absolute;top:22px;right:22px;bottom:22px;left:22px;border-radius:50%;background:var(--primary);display:flex;align-items:center;justify-content:center;font-size:34px;color:#fff}.cf-pulse:before,.cf-pulse:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:3px solid var(--primary);opacity:0;animation:cf-ring 2.4s ease-out infinite}.cf-pulse:after{animation-delay:1.2s}@keyframes cf-ring{0%{transform:scale(.55);opacity:.85}to{transform:scale(1.25);opacity:0}}.cf-status-text{font-size:17px;line-height:1.5;color:var(--text);max-width:340px}.cf-queue-badge{display:inline-block;background:var(--primary);color:#fff;border-radius:999px;font-size:15px;font-weight:600;padding:8px 18px}.cf-cancel{max-width:240px}.cf-call-stage{position:fixed;top:0;right:0;bottom:0;left:0;background:#0c181d;overflow:hidden}.cf-remote-video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;background:#0c181d}.cf-remote-placeholder{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;color:#e8eef1}.cf-avatar{width:96px;height:96px;border-radius:50%;background:var(--primary);display:flex;align-items:center;justify-content:center;font-size:38px;font-weight:700;color:#fff;text-transform:uppercase}.cf-remote-name{font-size:17px;font-weight:600}.cf-remote-hint{font-size:14px;color:#9fb3bb}.cf-local-preview{position:absolute;right:14px;bottom:calc(112px + env(safe-area-inset-bottom));width:104px;height:148px;object-fit:cover;border-radius:14px;border:2px solid rgba(255,255,255,.7);box-shadow:var(--shadow);background:#15252c;z-index:4}.cf-timer{position:absolute;top:calc(14px + env(safe-area-inset-top));left:50%;transform:translate(-50%);background:#0c181d8c;color:#fff;font-size:14px;font-variant-numeric:tabular-nums;border-radius:999px;padding:6px 14px;z-index:4}.cf-degraded{position:absolute;top:calc(54px + env(safe-area-inset-top));left:50%;transform:translate(-50%);background:#b7791f;color:#fff;font-size:13px;border-radius:999px;padding:7px 14px;z-index:5;white-space:nowrap}.cf-remote-muted{position:absolute;top:calc(14px + env(safe-area-inset-top));right:14px;background:#0c181d8c;color:#fff;font-size:12px;border-radius:999px;padding:6px 12px;z-index:4}.cf-controls{position:absolute;left:0;right:0;bottom:0;display:flex;justify-content:center;gap:18px;padding:18px 16px calc(22px + env(safe-area-inset-bottom));background:linear-gradient(transparent,#081014bf);transition:opacity .25s ease,visibility .25s ease;z-index:6}.cf-controls.hidden{opacity:0;visibility:hidden}.cf-ctrl{width:56px;height:56px;border-radius:50%;border:none;background:#ffffff29;color:#fff;font-size:22px;cursor:pointer;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.cf-ctrl.off{background:var(--danger);color:#fff}.cf-ctrl.hangup{background:var(--danger)}.cf-ctrl svg{width:24px;height:24px}.cf-ctrl-item{display:flex;flex-direction:column;align-items:center;gap:7px}.cf-ctrl-label{font-size:12px;font-weight:600;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.55);letter-spacing:.2px;white-space:nowrap}.cf-duration{font-size:15px;color:var(--text-soft);margin:4px 0 18px}.cf-note{font-size:14px;color:var(--text-soft);margin-top:16px;line-height:1.45}.cf-error-block{margin:4px 0 12px;text-align:center}.cf-staff-card{text-align:center}.cf-status-dot{width:12px;height:12px;border-radius:50%;margin:0 auto 12px;box-shadow:0 0 0 4px #0093b226}.cf-status-dot.online{background:#2bb673;box-shadow:0 0 0 4px #2bb6732e}.cf-status-dot.offline{background:var(--text-soft);box-shadow:0 0 0 4px #5b6b7326}.cf-staff-name{font-weight:600;color:var(--text);margin:4px 0 16px}.cf-staff-logout{margin-top:18px}.cf-staff-incoming .cf-card{text-align:center}.cf-incoming-pulse{font-size:56px;margin:4px 0 10px;animation:cf-ring 1.2s ease-in-out infinite}@keyframes cf-ring{0%,to{transform:rotate(0)}20%{transform:rotate(-12deg)}40%{transform:rotate(12deg)}60%{transform:rotate(-8deg)}80%{transform:rotate(8deg)}}.cf-incoming-org{font-weight:700;color:var(--text);margin:0 0 2px}.cf-incoming-fields{margin:14px 0 20px;color:var(--text-soft)}.cf-incoming-field{padding:2px 0}.cf-incoming-field-label{font-weight:600;color:var(--text)}.cf-incoming-actions{display:flex;gap:12px}.cf-incoming-actions .cf-btn{flex:1}.cf-incoming-actions .cf-btn+.cf-btn{margin-top:0}.cf-staff-stage{background:#0a1115}