*{box-sizing:border-box}body{margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Arial,sans-serif;background:radial-gradient(1200px 700px at 15% -10%,#1e3a8a,#0b1220 55%,#050814);color:#dbe3f1}button,input,select{font:inherit}.page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:28px}.card{width:min(720px,100%);background:linear-gradient(180deg,#0a101ee6,#070b17eb);border:1px solid rgba(92,112,146,.35);border-radius:18px;padding:24px 24px 20px;box-shadow:0 24px 50px #00000073;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.auth-card{width:min(420px,100%)}.header-row{display:flex;justify-content:space-between;gap:14px;align-items:center}.header-actions{display:flex;gap:8px;align-items:center}.status-pill{border-radius:999px;padding:8px 12px;font-size:12px;font-weight:700;letter-spacing:.02em}.status-pill.online{background:#10b9812e;color:#6ee7b7;border:1px solid rgba(16,185,129,.45)}.status-pill.offline{background:#ef444424;color:#fda4af;border:1px solid rgba(239,68,68,.4)}.muted{color:#8ea1c2;margin-top:4px;font-size:13px}.form{display:grid;gap:16px;margin-top:20px}.form label{display:grid;gap:8px;font-size:14px}.form input,.form select{width:100%;border:1px solid rgba(100,125,165,.45);border-radius:10px;padding:12px;background:#0a101ed9;color:#e2e8f0}.form input:focus,.form select:focus{outline:none;border-color:#38bdf8;box-shadow:0 0 0 3px #38bdf82e}button{border:0;border-radius:10px;padding:12px 16px;background:linear-gradient(180deg,#22c55e,#16a34a);color:#f0fdf4;font-weight:700;cursor:pointer;transition:transform .1s ease,opacity .2s ease,box-shadow .15s ease}button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 10px 24px #22c55e3d}button:disabled{opacity:.7;cursor:wait}button.secondary{background:#1e293bd1;border:1px solid rgba(100,125,165,.45);color:#dde7f7}.mode-switch{display:flex;gap:10px;margin-top:20px}.mode-switch button{background:#1e293b;color:#e2e8f0}.mode-switch button.active{background:linear-gradient(180deg,#38bdf8,#0ea5e9);color:#082f49}.dialer-card{width:min(980px,100%)}.dialer-main{display:grid;grid-template-columns:1fr 320px;gap:20px;margin-top:12px}.dialer-main.single-column{grid-template-columns:1fr}.quick-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.icon-actions{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.icon-btn{min-height:44px;border-radius:12px;padding:10px;justify-self:stretch;font-size:14px;font-weight:600}.icon-btn.danger{background:linear-gradient(180deg,#ef4444,#dc2626);color:#ffe4e6}.status-stack{display:grid;gap:8px}.call-btn{background:linear-gradient(180deg,#22c55e,#15803d);color:#ecfdf5;font-size:16px;padding:13px 16px}.active-flag{background:#0f766e!important;color:#ccfbf1!important}.dialpad-panel{border:1px solid rgba(92,112,146,.36);border-radius:12px;padding:14px;background:#080e1cc7}.dialpad-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.dialpad-btn{background:#1e293bc7;border:1px solid rgba(100,125,165,.34);color:#e2e8f0;padding:16px 0;border-radius:12px;font-size:18px}.dialpad-controls{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}.conference-panel{margin-top:12px;padding-top:12px;border-top:1px solid rgba(148,163,184,.2);display:grid;gap:10px}.conference-panel h3{margin:2px 0 4px;font-size:14px;font-weight:700;color:#c7d6ed;letter-spacing:.01em}.error{color:#fecaca;background:#7f1d1d59;border:1px solid rgba(248,113,113,.38);border-radius:10px;padding:10px 12px;margin:0;font-size:13px}.success{color:#bbf7d0;background:#14532d61;border:1px solid rgba(74,222,128,.34);border-radius:10px;padding:10px 12px;margin:0;font-size:13px}.response-panel{margin-top:24px}.response-panel pre{margin:0;padding:16px;border-radius:12px;background:#020617;border:1px solid #1e293b;color:#cbd5e1;overflow:auto;min-height:80px}.recent-call-row{border:1px solid rgba(92,112,146,.36);border-radius:10px;padding:12px;margin-bottom:10px;background:#080e1cc7}.recent-call-meta{font-size:13px;margin-bottom:10px;color:#cbd5e1}.recent-call-actions{display:grid;grid-template-columns:1fr auto;gap:10px}.recent-call-actions input{border:1px solid #475569;border-radius:10px;padding:10px;background:#0f172a;color:#e2e8f0}audio{width:100%}.incoming-call-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:24px;background:#020617b8;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);animation:incoming-overlay-in .2s ease-out}.incoming-call-modal{width:min(420px,100%);padding:32px 28px 28px;border-radius:20px;border:1px solid rgba(34,197,94,.45);background:linear-gradient(180deg,#0f172afa,#080e1cfa);box-shadow:0 0 0 1px #22c55e1f,0 24px 60px #0000008c;text-align:center;animation:incoming-modal-pulse 1.4s ease-in-out infinite}.incoming-call-icon{font-size:42px;line-height:1;margin-bottom:12px}.incoming-call-label{margin:0;font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#86efac}.incoming-call-modal h2{margin:10px 0 6px;font-size:32px;line-height:1.15;color:#f8fafc;word-break:break-word}.incoming-call-subtitle{margin:0 0 24px;color:#94a3b8;font-size:14px}.incoming-call-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px}.incoming-answer-btn{background:linear-gradient(180deg,#22c55e,#15803d);font-size:16px;padding:14px 16px}.incoming-reject-btn{background:linear-gradient(180deg,#ef4444,#b91c1c);color:#fff;font-size:16px;padding:14px 16px}.secure-context-warning{margin-top:16px;padding:12px 14px;border-radius:10px;border:1px solid rgba(251,191,36,.45);background:#78350f40;color:#fde68a;font-size:13px;line-height:1.5}@keyframes incoming-overlay-in{0%{opacity:0}to{opacity:1}}@keyframes incoming-modal-pulse{0%,to{box-shadow:0 0 0 1px #22c55e1f,0 24px 60px #0000008c;transform:scale(1)}50%{box-shadow:0 0 0 1px #22c55e59,0 0 32px #22c55e2e,0 24px 60px #0000008c;transform:scale(1.02)}}@media (max-width: 900px){.dialer-main{grid-template-columns:1fr}.header-row{flex-direction:column;align-items:flex-start}.header-actions{width:100%;flex-wrap:wrap}}