:root{--lc-accent-muted:rgba(124,58,237,0.08);--lc-accent-solid:#7c3aed;--lc-border:rgba(28,26,46,0.12);--lc-border-strong:rgba(124,58,237,0.32);--lc-card-face:#ffffff;--lc-card-inset-bottom:0 0 0 0 rgba(0,0,0,0);--lc-card-inset-top:0 0 0 0 rgba(0,0,0,0);--lc-cta-from:#8b5cf6;--lc-cta-to:#6d28d9;--lc-danger:#dc2626;--lc-danger-bg:rgba(220,38,38,0.1);--lc-muted:#6b6880;--lc-text:#1c1a2e}.btn-primary{background:linear-gradient(135deg,var(--lc-cta-from) 0,var(--lc-cta-to) 100%);color:#ffffff;border:1px solid rgba(0,0,0,.06);border-top-color:rgba(255,255,255,.3);box-shadow:inset 0 1px 0 rgba(255,255,255,.25),0 4px 18px rgba(124,58,237,.32)}.btn-primary:hover:not(:disabled){filter:brightness(1.06);box-shadow:inset 0 1px 0 rgba(255,255,255,.3),0 6px 24px rgba(124,58,237,.4)}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-ghost{background:transparent;color:var(--lc-text);border:1px solid var(--lc-border-strong)}.btn-ghost:hover:not(:disabled){background:var(--lc-accent-muted);border-color:var(--lc-text)}.btn-danger-ghost{background:transparent;color:var(--lc-danger);border:1px solid rgba(248,113,113,.35)}.btn-danger-ghost:hover{background:var(--lc-danger-bg)}.btn-sm{padding:6px 12px;font-size:12px}.auth-card-light .btn-primary{width:100%;padding:12px;margin-top:6px}.auth-card .btn-primary{width:100%;padding:12px;margin-top:4px}.phone-keypad{display:flex;flex-direction:column;gap:8px;max-width:280px}.phone-keypad-row{display:flex;gap:8px;justify-content:center}.phone-keypad-btn{width:72px;height:48px;border-radius:10px;border:1px solid var(--lc-border);border-top:1px solid rgba(255,255,255,.08);background:linear-gradient(180deg,#f3f1f8,#ffffff);color:var(--lc-text);font-size:1.15rem;font-weight:600;cursor:pointer;box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 3px 0 rgba(0,0,0,.45),0 8px 14px rgba(0,0,0,.35);transition:transform .1s ease,box-shadow .15s ease,background .15s ease,border-color .15s ease}.phone-keypad-btn:hover:not(:disabled){background:linear-gradient(180deg,#3a322c,rgba(124,58,237,.18));border-color:var(--lc-accent-solid);transform:translateY(-2px);box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 5px 0 rgba(0,0,0,.4),0 12px 20px rgba(0,0,0,.38)}.phone-keypad-btn:active:not(:disabled){transform:translateY(1px);box-shadow:inset 0 2px 6px rgba(0,0,0,.35),0 1px 0 rgba(0,0,0,.5)}.phone-keypad-btn:disabled{opacity:.35;cursor:not-allowed}.phone-keypad-overlay{max-width:320px;margin:16px auto 0}.phone-keypad-overlay .phone-keypad-btn{width:80px;height:52px;font-size:1.25rem}.phone-call-overlay{position:fixed;inset:0;z-index:10050;display:flex;align-items:center;justify-content:center;padding:24px;pointer-events:none}.phone-call-overlay-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.5);pointer-events:auto}.phone-call-overlay-panel{position:relative;z-index:1;width:min(420px,100%);padding:28px 24px 24px;border-radius:20px;border:1px solid var(--lc-border-strong);border-top:1px solid rgba(255,255,255,.1);background:var(--lc-card-face);box-shadow:var(--lc-card-inset-top),var(--lc-card-inset-bottom),0 28px 80px rgba(0,0,0,.55);pointer-events:auto;text-align:center}.phone-call-overlay-number{margin:0 0 8px;font-size:1.5rem;font-weight:700;word-break:break-all}.phone-call-overlay-sublabel{margin:-4px 0 12px;font-size:.9rem;word-break:break-all}.phone-call-overlay-status{margin:0 0 20px;color:var(--lc-muted);font-size:.95rem}.phone-call-overlay-actions{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-bottom:8px}.phone-call-overlay-answer{min-width:120px;padding:12px 20px;font-size:1rem}.phone-call-overlay-incall{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-bottom:12px;padding-bottom:12px;border-bottom:1px solid var(--lc-border)}.phone-call-overlay-hangup{margin-top:16px;width:100%;max-width:280px}.phone-video-remote{position:fixed;inset:0;z-index:10040;width:100%;height:100%;object-fit:cover;background:#000}.phone-video-local{position:fixed;z-index:10060;width:110px;height:150px;right:20px;bottom:140px;object-fit:cover;border-radius:12px;border:2px solid rgba(255,255,255,.4);box-shadow:0 8px 24px rgba(0,0,0,.4);transform:scaleX(-1)}.phone-call-overlay-backdrop--video{background:rgba(0,0,0,.15)}.web-active-call-bar{position:fixed;top:0;left:0;right:0;z-index:10040;display:flex;align-items:stretch;gap:8px;padding:8px 12px;background:linear-gradient(180deg,#1c3d2a,#152e20);border-bottom:1px solid #2d5a3e;box-shadow:0 4px 24px rgba(0,0,0,.35);pointer-events:auto}.web-active-call-bar__main{flex:1;display:flex;align-items:center;gap:10px;min-width:0;padding:4px 8px;border:none;background:transparent;color:#fff;text-align:left;cursor:pointer;border-radius:8px}.web-active-call-bar__main:hover{background:rgba(255,255,255,.08)}.web-active-call-bar__icon{width:36px;height:36px;border-radius:50%;background:#34c759;display:flex;align-items:center;justify-content:center;font-size:10px;flex-shrink:0}.web-active-call-bar__text{display:flex;flex-direction:column;min-width:0}.web-active-call-bar__label{font-weight:600;font-size:15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.web-active-call-bar__sub{font-size:12px;color:rgba(255,255,255,.75);margin-top:2px}.web-active-call-bar__expand{align-self:center;font-size:13px;color:rgba(255,255,255,.9)}.web-active-call-bar__end{align-self:center;padding:8px 14px;font-size:13px}body.web-on-call .web-active-call-bar{left:var(--sidebar-width,240px)}@media (max-width:860px){body.web-on-call .web-active-call-bar{left:0}}.phone-dial-card .phone-keypad{margin-left:auto;margin-right:auto}:root{--sidebar-width:0px}@media (min-width:1024px){:root{--sidebar-width:16rem}}