:root{--rail: var(--neofy-navy);--surface: var(--neofy-white);--surface-2: var(--neofy-paper);--ok: #2BA05A;--ko: #C0392B;--rail-w: 84px}*{box-sizing:border-box}html,body{margin:0;height:100%;background:var(--surface);color:var(--neofy-ink);font-family:var(--neofy-sans)}#root{min-height:100%}h1{font-family:var(--neofy-display);font-size:34px;letter-spacing:-.03em;color:var(--neofy-heading);font-weight:400;margin:0;line-height:1.1}h2{font-size:15px;margin:0}button,input,select{font:inherit;color:inherit}button{cursor:pointer}button:disabled{opacity:.45;cursor:default}:focus-visible{outline:2px solid var(--neofy-vivid);outline-offset:2px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.eyebrow{font-size:10px;letter-spacing:.32em;text-transform:uppercase;color:var(--neofy-accent);font-weight:500;margin:0 0 6px}.muted{color:var(--neofy-grey);font-size:13px;margin:0}.err{color:var(--ko);font-size:14px}.banner{background:var(--neofy-blue-pale);color:var(--neofy-navy);border-left:3px solid var(--neofy-blue);padding:10px 14px;margin:0 0 16px;font-size:14px;border-radius:var(--neofy-radius)}.link-btn{background:none;border:0;padding:0;color:var(--neofy-accent);text-decoration:underline;text-underline-offset:3px}input,select{border:1px solid var(--neofy-line);border-radius:var(--neofy-radius);padding:11px 12px;background:var(--surface);color:var(--neofy-ink);min-height:44px}input:focus,select:focus{outline:none;border-color:var(--neofy-blue);box-shadow:0 0 0 3px color-mix(in srgb,var(--neofy-blue) 18%,transparent)}button.primary{background:var(--neofy-blue);color:#fff;border:1px solid var(--neofy-blue);border-radius:var(--neofy-radius);padding:13px 26px;letter-spacing:.04em;font-size:14px}button.primary:hover:not(:disabled){background:var(--neofy-navy);border-color:var(--neofy-navy)}.btn-ghost{display:inline-flex;align-items:center;gap:8px;background:transparent;border:1px solid var(--neofy-line);color:var(--neofy-ink);padding:10px 16px;border-radius:var(--neofy-radius)}.btn-ghost:hover{border-color:var(--neofy-blue);color:var(--neofy-accent)}.loading{min-height:100vh;background:var(--rail)}.login{display:grid;grid-template-columns:minmax(320px,44%) 1fr;min-height:100vh}.login-band{background:var(--neofy-navy);color:#fff;padding:48px var(--neofy-gutter);display:flex;flex-direction:column;justify-content:space-between;gap:32px}.login-band>img{align-self:flex-start}.login-band .eyebrow{color:var(--neofy-blue-soft)}.login-claim{font-family:var(--neofy-display);font-size:clamp(34px,4vw,54px);letter-spacing:-.04em;line-height:1.02;margin:0 0 16px;font-weight:300}.login-sub{color:var(--neofy-blue-pale);opacity:.85;max-width:36ch;margin:0}.login-foot{display:flex;align-items:center;gap:8px;font-size:12px;letter-spacing:.04em;color:var(--neofy-grey-2);margin:0}.login-panel{display:grid;place-items:center;padding:48px 24px;background:var(--surface)}.login-panel form{width:100%;max-width:360px;display:flex;flex-direction:column;gap:18px}.login-panel h1{font-size:40px}.login-panel label{display:flex;flex-direction:column;gap:6px;font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--neofy-grey)}.login-mark{display:none}.shell{display:grid;grid-template-columns:var(--rail-w) 1fr;min-height:100vh}.rail{border-right:1px solid var(--neofy-line);background:var(--rail);display:flex;flex-direction:column;align-items:stretch;padding:18px 0;gap:4px;position:sticky;top:0;height:100vh}.rail-logo{width:34px;height:auto;align-self:center;margin:2px 0 26px}.rail a{position:relative;display:flex;flex-direction:column;align-items:center;gap:5px;padding:12px 4px;color:var(--neofy-grey-2);text-decoration:none;font-size:10.5px;letter-spacing:.02em}.rail a:hover,.rail a.active{color:#fff}.rail a.active:before{content:"";position:absolute;left:0;top:10px;bottom:10px;width:3px;background:var(--neofy-vivid)}.rail a.active .ico{color:var(--neofy-vivid)}.main{display:flex;flex-direction:column;min-width:0}.topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px var(--neofy-gutter);border-bottom:1px solid var(--neofy-line)}.topbar .eyebrow{margin:0;color:var(--neofy-grey)}.status{display:inline-flex;align-items:center;gap:8px;font-size:13px;padding:6px 12px;border:1px solid var(--neofy-line);border-radius:999px;color:var(--neofy-ink)}.status .dot{width:8px;height:8px;border-radius:50%;background:var(--ok)}.status[data-state=dnd] .dot{background:var(--ko)}.status[data-state=down] .dot{background:var(--neofy-grey-2)}.content{flex:1;min-width:0}.page{max-width:880px;padding:32px var(--neofy-gutter) 48px}.page--narrow{max-width:620px}.page-head{margin-bottom:24px}.toolbar{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-bottom:12px}.segmented{display:inline-flex;border:1px solid var(--neofy-line);border-radius:var(--neofy-radius);padding:2px;margin-bottom:12px}.toolbar .segmented{margin:0}.segmented button{border:0;background:transparent;padding:8px 14px;font-size:13px;color:var(--neofy-grey);border-radius:var(--neofy-radius)}.segmented button[aria-pressed=true],.segmented button[aria-selected=true]{background:var(--neofy-blue-pale);color:var(--neofy-navy);font-weight:500}:root[data-theme=dark] .segmented button[aria-pressed=true],:root[data-theme=dark] .segmented button[aria-selected=true]{background:var(--neofy-paper);color:var(--neofy-ink)}.search{flex:1;min-width:220px;display:flex;align-items:center;gap:8px;border:1px solid var(--neofy-line);border-radius:var(--neofy-radius);padding:0 12px;color:var(--neofy-grey)}.search:focus-within{border-color:var(--neofy-blue)}.search input{border:0;padding:10px 0;flex:1;min-width:0;box-shadow:none;background:transparent}.group{margin-top:20px}.group-title{font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--neofy-grey);font-weight:500;padding-bottom:8px;border-bottom:1px solid var(--neofy-blue)}.group-title:first-letter{text-transform:uppercase}.list{list-style:none;margin:0;padding:0}.list li{position:relative;display:flex;gap:14px;align-items:center;padding:12px 8px;border-bottom:1px solid var(--neofy-line)}.list li:hover{background:var(--neofy-stripe)}.row-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.row-main strong{font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.row-main small{color:var(--neofy-grey);font-size:12.5px;font-variant-numeric:tabular-nums}.row-actions{display:flex;gap:6px}.is-missed{color:var(--ko)}.kind{display:inline-flex;align-items:center;gap:3px;vertical-align:-2px}.kind--missed{color:var(--ko)}.empty{color:var(--neofy-grey);padding:32px 0;text-align:center}.list li[data-unread=true] .row-main strong{font-weight:700}.unread-dot{width:8px;height:8px;border-radius:50%;flex:none;margin-right:-6px}.list li[data-unread=true] .unread-dot{background:var(--neofy-vivid)}.skeleton li:hover{background:none}.skeleton .avatar{background:var(--neofy-blue-pale)}.skeleton i{display:block;height:10px;width:40%;background:var(--neofy-blue-pale);border-radius:var(--neofy-radius);animation:pulse 1.2s ease-in-out infinite alternate}.skeleton i+i{width:25%}@keyframes pulse{to{opacity:.45}}.avatar{flex:none;display:grid;place-items:center;border-radius:50%;color:#fff;background:var(--neofy-blue);font-weight:500;letter-spacing:.02em}.avatar[data-tone=soft]{background:var(--neofy-blue-soft)}.avatar--s{width:32px;height:32px;font-size:12px}.avatar--m{width:40px;height:40px;font-size:14px}.avatar--l{width:104px;height:104px;font-size:38px;font-family:var(--neofy-display);font-weight:300}.icon-btn{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;border:1px solid transparent;background:transparent;color:var(--neofy-grey)}.icon-btn:hover:not(:disabled){color:var(--neofy-accent);border-color:var(--neofy-line)}.icon-btn--call{color:var(--neofy-accent);border-color:var(--neofy-line)}.icon-btn--call:hover:not(:disabled){background:var(--neofy-blue);border-color:var(--neofy-blue);color:#fff}.calls{display:grid;grid-template-columns:minmax(260px,340px) 1fr;min-height:calc(100vh - 61px)}.recents{border-right:1px solid var(--neofy-line);padding:24px 16px;background:var(--surface-2)}.panel-title{font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--neofy-grey);font-weight:500;margin:0 8px 12px}.recents .muted{margin:0 8px}.list--compact li{padding:0;border:0}.row{display:flex;align-items:center;gap:12px;width:100%;padding:9px 8px;border:0;background:transparent;text-align:left;border-radius:var(--neofy-radius)}.row:hover{background:var(--neofy-blue-pale)}:root[data-theme=dark] .row:hover{background:var(--neofy-stripe)}.dialer{width:100%;max-width:340px;margin:0 auto;padding:40px 16px;text-align:center;align-self:start}.number-field{position:relative;display:flex;align-items:center;border-bottom:1px solid var(--neofy-line);margin-bottom:6px}.number-field:focus-within{border-color:var(--neofy-blue)}.number{width:100%;text-align:center;font-family:var(--neofy-display);font-size:34px;letter-spacing:.02em;border:0;padding:8px 40px;color:var(--neofy-heading);font-variant-numeric:tabular-nums;background:transparent;min-height:64px}.number:focus{box-shadow:none}.number[data-long]{font-size:24px}.number::placeholder{font-size:18px;color:var(--neofy-grey-2);font-family:var(--neofy-sans);letter-spacing:0}.number-field .icon-btn{position:absolute;right:0}.number-field{margin-bottom:26px}.keys{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;justify-items:center}.keys button{width:76px;height:76px;border-radius:50%;border:1px solid var(--neofy-line);background:var(--surface);display:flex;flex-direction:column;align-items:center;justify-content:center;font-family:var(--neofy-display);font-size:28px;font-weight:300;line-height:1;color:var(--neofy-ink);transition:background .12s}.keys button:hover:not(:disabled){background:var(--neofy-blue-pale);border-color:var(--neofy-blue-pale)}:root[data-theme=dark] .keys button:hover:not(:disabled){background:var(--neofy-paper);border-color:var(--neofy-paper)}.keys button:active:not(:disabled){background:var(--neofy-blue);color:#fff}.keys small{font-family:var(--neofy-sans);font-size:9px;letter-spacing:.2em;color:var(--neofy-grey);min-height:11px;margin-top:3px}.dial-actions{display:flex;justify-content:center;margin-top:24px}.call,.hangup{display:grid;place-items:center;width:72px;height:72px;border-radius:50%;color:#fff;border:0}.call{background:var(--ok)}.hangup{background:var(--ko)}.call:hover:not(:disabled),.hangup:hover{filter:brightness(1.08)}.incall{position:relative;min-height:100vh;background:var(--neofy-navy);color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:72px 24px 40px;text-align:center}.incall h1{color:#fff;font-size:clamp(30px,4vw,44px);font-weight:300;letter-spacing:-.035em}.incall .eyebrow{color:var(--neofy-blue-soft)}.incall .avatar{background:var(--neofy-blue);margin:6px 0 4px}.stage-logo{position:absolute;top:24px;left:var(--neofy-gutter);opacity:.9}.timer{font-variant-numeric:tabular-nums;color:var(--neofy-blue-pale);font-size:18px;margin:0 0 18px;letter-spacing:.06em}.incall--ringing .avatar{animation:ring 1.6s ease-out infinite}@keyframes ring{0%{box-shadow:0 0 #5b85d68c}to{box-shadow:0 0 0 26px #5b85d600}}.incall .err{color:#fff;background:#c0392b59;padding:6px 12px;border-radius:var(--neofy-radius)}.controls{display:grid;grid-template-columns:repeat(4,84px);gap:18px 12px;margin:12px 0 22px}.ctl{display:flex;flex-direction:column;align-items:center;gap:8px;background:none;border:0;color:var(--neofy-blue-pale);font-size:12px}.ctl-ring{display:grid;place-items:center;width:60px;height:60px;border-radius:50%;border:1px solid rgba(245,248,255,.28);color:#fff;transition:background .12s}.ctl:hover:not(:disabled) .ctl-ring{background:#f5f8ff14}.ctl[aria-pressed=true] .ctl-ring{background:#fff;color:var(--neofy-navy);border-color:#fff}.keys--dark{margin:4px 0 6px;gap:10px}.keys--dark button{width:64px;height:64px;font-size:24px;background:transparent;color:#fff;border-color:#f5f8ff47}.keys--dark button:hover:not(:disabled){background:#f5f8ff14;border-color:#f5f8ff47}.transfer,.consult{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;align-items:center}.transfer input{background:#f5f8ff14;border-color:#f5f8ff47;color:#fff;min-width:220px}.transfer input::placeholder{color:var(--neofy-grey-2)}.pill{border:1px solid rgba(245,248,255,.35);background:transparent;color:#fff;padding:10px 16px;border-radius:999px;font-size:13px}.pill--light{background:#fff;color:var(--neofy-navy);border-color:#fff}.crm{background:#f5f8ff0f;border:1px solid rgba(245,248,255,.18);border-left:3px solid var(--neofy-vivid);color:#fff;padding:14px 18px;text-align:left;min-width:300px;max-width:420px;border-radius:var(--neofy-radius);margin-bottom:10px}.crm p{margin:3px 0}.crm .muted{color:var(--neofy-grey-2)}.crm-label{font-size:10px;letter-spacing:.24em;text-transform:uppercase;color:var(--neofy-blue-soft)}.crm a{color:#fff;display:inline-flex;align-items:center;gap:4px;margin-top:6px;font-size:14px}.answer-actions{display:flex;gap:96px;margin-top:18px}.settings{display:flex;flex-direction:column;gap:14px;margin-bottom:28px}.settings fieldset{border:1px solid var(--neofy-line);border-radius:var(--neofy-radius);padding:6px 20px 16px;margin:0;display:flex;flex-direction:column;gap:12px}.settings legend{font-size:10px;letter-spacing:.24em;text-transform:uppercase;color:var(--neofy-accent);padding:0 6px;margin-left:-6px;font-weight:500}.settings label{display:flex;align-items:center;justify-content:space-between;gap:16px;font-size:14px}.settings select{min-width:200px}.secure{display:flex;align-items:center;gap:6px}.logout{margin-bottom:16px}@media (max-width: 760px){:root{--neofy-gutter: 16px}.shell{grid-template-columns:1fr;padding-bottom:68px}.rail{position:fixed;top:auto;bottom:0;left:0;right:0;height:64px;flex-direction:row;padding:0 0 env(safe-area-inset-bottom);justify-content:space-around;z-index:10;background:var(--surface);border-top:1px solid var(--neofy-line)}.rail-logo{display:none}.rail a{flex:1;padding:9px 2px;color:var(--neofy-grey)}.rail a:hover,.rail a.active{color:var(--neofy-accent)}.rail a.active:before{left:25%;right:25%;top:0;bottom:auto;width:auto;height:2px}.rail a.active .ico{color:var(--neofy-accent)}.topbar{padding:12px 16px}.page{padding:20px 16px 32px}h1{font-size:30px}.calls{grid-template-columns:1fr;min-height:0}.recents{display:none}.dialer{padding-top:16px}.keys button{width:72px;height:72px}.login{grid-template-columns:1fr}.login-band{display:none}.login-mark{display:block;margin-bottom:48px;width:auto;max-width:360px;object-fit:contain;object-position:left}.login-panel{place-items:start center;align-content:start;padding-top:48px}.login-panel>*{width:100%;max-width:360px}.controls{grid-template-columns:repeat(4,72px);gap:14px 6px}.stage-logo{left:50%;transform:translate(-50%)}.answer-actions{gap:72px}.settings label{flex-direction:column;align-items:stretch;gap:6px}}