*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:Manrope,system-ui,-apple-system,sans-serif;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}button{font-family:inherit}.app{--bg: #e6ecea;--surface: #ffffff;--surface-2: #f4f8f7;--surface-3: #e8f0ee;--border: #dde6e3;--border-2: #ccd8d4;--text: #0f1f1c;--text-2: #54655f;--text-3: #8a9a95;--accent: #0d9488;--accent-2: #0b7d72;--accent-soft: #d7f0eb;--accent-text: #ffffff;--danger: #e5484d;--danger-soft: #fbe7e7;--green: #12a150;--amber: #dd8a15;--shadow: 0 1px 2px rgba(16, 31, 28, .04), 0 18px 40px -20px rgba(16, 31, 28, .22);--chrome: #f1f5f4;--chrome-border: #e0e8e6}.app[data-theme=dark]{--bg: #050d0c;--surface: #0e1b19;--surface-2: #0a1514;--surface-3: #193029;--border: #213d38;--border-2: #2c524b;--text: #e9f2f0;--text-2: #9fb4af;--text-3: #647d78;--accent: #2dd4bf;--accent-2: #5eead4;--accent-soft: rgba(45, 212, 191, .15);--accent-text: #04211d;--danger: #ff6b6b;--danger-soft: rgba(255, 107, 107, .16);--green: #34d399;--amber: #f5b544;--shadow: 0 1px 2px rgba(0, 0, 0, .4), 0 24px 48px -20px rgba(0, 0, 0, .7);--chrome: #0a1514;--chrome-border: #1a302b}.app{min-height:100%;display:flex;align-items:center;justify-content:center;padding:40px;background:var(--bg);color:var(--text);transition:background .25s ease}.app--full{padding:0;align-items:stretch;justify-content:stretch}.app--full>.dialer{width:100%;height:100vh;border-radius:0}.window{width:min(1200px,100%);height:min(760px,calc(100vh - 80px));border-radius:22px;overflow:hidden;background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow);display:flex;flex-direction:column}.window__chrome{height:40px;flex-shrink:0;display:flex;align-items:center;gap:8px;padding:0 16px;background:var(--chrome);border-bottom:1px solid var(--chrome-border)}.window__light{width:12px;height:12px;border-radius:50%}.window__light--r{background:#f0655a}.window__light--y{background:#f5bd4f}.window__light--g{background:#5ac05a}.window__url{flex:1;display:flex;justify-content:center}.window__url span{padding:4px 14px;background:var(--surface);border:1px solid var(--chrome-border);border-radius:7px;font-size:12px;color:var(--text-2);font-weight:500}.dialer{flex:1;min-height:0;display:flex;background:var(--surface-2);position:relative;font-size:14px}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:var(--border-2);border-radius:999px;border:3px solid transparent;background-clip:content-box}::-webkit-scrollbar-track{background:transparent}.rail{width:82px;flex-shrink:0;background:var(--surface);border-right:1px solid var(--border);display:flex;flex-direction:column;align-items:center;padding:16px 0 14px;gap:6px}.rail__logo{width:42px;height:42px;border-radius:14px;background:var(--accent);color:var(--accent-text);display:flex;align-items:center;justify-content:center;margin-bottom:8px}.rail__btn{position:relative;width:56px;height:54px;border-radius:15px;border:none;cursor:pointer;background:transparent;color:var(--text-2);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;font-size:9px;font-weight:700;letter-spacing:.03em;transition:background .15s,color .15s}.rail__btn:hover{background:var(--surface-2)}.rail__btn.is-active{background:var(--accent-soft);color:var(--accent)}.rail__badge{position:absolute;top:5px;right:14px;min-width:16px;height:16px;padding:0 4px;border-radius:999px;color:#fff;font-size:9.5px;font-weight:800;display:flex;align-items:center;justify-content:center}.rail__badge--danger{background:var(--danger)}.rail__badge--accent{background:var(--accent);color:var(--accent-text)}.rail__spacer{flex:1}.rail__icon-btn{width:56px;height:48px;border-radius:15px;border:none;background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--text-2);transition:background .15s}.rail__icon-btn:hover{background:var(--surface-2)}.rail__avatar-wrap{position:relative;margin-top:4px}.rail__avatar-btn{border:none;background:transparent;cursor:pointer;padding:0;position:relative;display:block}.presence-menu{position:absolute;width:212px;background:var(--surface);border:1px solid var(--border);border-radius:14px;box-shadow:var(--shadow);padding:6px;z-index:40}.presence-menu--rail{bottom:0;left:calc(100% + 12px)}.presence-option{display:flex;align-items:center;gap:11px;width:100%;padding:9px 10px;border:none;background:transparent;border-radius:10px;cursor:pointer;font-size:13px;font-weight:600;color:var(--text);text-align:left}.presence-option:hover{background:var(--surface-2)}.presence-option span:last-child{flex:1}.dot{width:9px;height:9px;border-radius:50%;flex-shrink:0}.avatar{border-radius:50%;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;flex-shrink:0}.avatar-wrap{position:relative;display:inline-flex}.status-dot{position:absolute;right:-2px;bottom:-2px;width:13px;height:13px;border-radius:50%;border:2.5px solid var(--surface)}.main{flex:1;min-width:0;display:flex;flex-direction:column;background:var(--surface-2);position:relative}.topbar{height:64px;flex-shrink:0;display:flex;align-items:center;justify-content:space-between;padding:0 24px;border-bottom:1px solid var(--border)}.topbar__title{font-size:17px;font-weight:800;letter-spacing:-.02em}.topbar__sub{font-size:12.5px;color:var(--text-3);font-weight:500;margin-top:1px}.topbar__actions{display:flex;align-items:center;gap:10px}.search{display:flex;align-items:center;gap:8px;padding:8px 13px;border-radius:11px;border:1px solid var(--border);background:var(--surface);width:236px}.search input{border:none;background:transparent;outline:none;font:inherit;font-size:13.5px;color:var(--text);width:100%}.search input::placeholder{color:var(--text-3)}.btn-primary{display:flex;align-items:center;gap:8px;padding:9px 15px;border-radius:11px;border:none;background:var(--accent);color:var(--accent-text);font-weight:700;font-size:13.5px;cursor:pointer;transition:background .15s}.btn-primary:hover{background:var(--accent-2)}.content{flex:1;min-height:0;overflow:auto;position:relative}.keypad-view{min-height:100%;display:flex;gap:28px;padding:32px 36px;align-items:flex-start;justify-content:center;flex-wrap:wrap}.dial-card{width:356px;flex-shrink:0;background:var(--surface);border:1px solid var(--border);border-radius:26px;padding:22px 26px 26px;box-shadow:var(--shadow)}.dial-display{min-height:66px;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;margin-bottom:14px}.dial-display__match{font-size:13px;font-weight:700;color:var(--accent);margin-bottom:3px}.dial-display__number{font-family:Space Grotesk,monospace;font-size:31px;font-weight:600;letter-spacing:.01em;color:var(--text);word-break:break-all;text-align:center;line-height:1.1}.dial-display__placeholder{font-family:Space Grotesk,monospace;font-size:25px;font-weight:500;color:var(--text-3)}.dial-display__back{position:absolute;right:-6px;top:50%;transform:translateY(-50%);border:none;background:transparent;cursor:pointer;color:var(--text-2);padding:8px;display:flex}.dial-display__back:hover{color:var(--text)}.keypad-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:20px}.key{height:66px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;border-radius:17px;border:1px solid var(--border);background:var(--surface-2);cursor:pointer;transition:transform .1s,background .12s,border-color .12s}.key:hover{background:var(--surface-3);border-color:var(--border-2)}.key:active{transform:scale(.94)}.key__digit{font-family:Space Grotesk,monospace;font-size:25px;font-weight:600;color:var(--text);line-height:1}.key__letters{font-size:8.5px;letter-spacing:.16em;color:var(--text-3);font-weight:700;min-height:10px}.dial-actions{display:flex;align-items:center;justify-content:center;gap:22px}.call-btn{width:68px;height:68px;border-radius:50%;border:none;background:var(--green);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 10px 22px -8px var(--green);transition:filter .15s,transform .1s}.call-btn:hover{filter:brightness(1.07)}.call-btn:active{transform:scale(.93)}.dial-actions__spacer{width:50px}.clear-btn{width:50px;height:50px;border-radius:50%;border:1px solid var(--border);background:transparent;color:var(--text-3);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:color .15s,border-color .15s}.clear-btn:hover{color:var(--text);border-color:var(--border-2)}.side-col{width:300px;flex:1;min-width:250px;max-width:340px;display:flex;flex-direction:column;gap:24px;padding-top:4px}.section-label{font-size:11.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--text-3);margin-bottom:13px}.fav-grid{display:flex;flex-wrap:wrap;gap:15px}.fav{display:flex;flex-direction:column;align-items:center;gap:8px;border:none;background:transparent;cursor:pointer;width:62px}.fav:hover{opacity:.82}.fav>span{font-size:11.5px;font-weight:600;color:var(--text-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:62px}.recent-list{display:flex;flex-direction:column;gap:2px}.recent-row{display:flex;align-items:center;gap:12px;padding:9px 10px;border-radius:12px;border:none;background:transparent;cursor:pointer;text-align:left;width:100%}.recent-row:hover{background:var(--surface)}.recent-row__name{font-weight:700;font-size:14px;line-height:1.2;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.recent-row__name.is-missed{color:var(--danger)}.recent-row__meta{font-size:11.5px;color:var(--text-3);display:flex;align-items:center;gap:5px;margin-top:1px}.recent-row__time{font-size:11.5px;color:var(--text-3);font-weight:500}.recents-view{padding:22px 28px;max-width:800px;margin:0 auto}.rec-tabs{display:flex;gap:9px;margin-bottom:20px;flex-wrap:wrap}.tab{padding:7px 15px;border-radius:999px;font-size:13px;font-weight:600;cursor:pointer;border:1px solid var(--border);background:transparent;color:var(--text-2);transition:all .15s}.tab.is-active{border-color:transparent;background:var(--accent);color:var(--accent-text)}.rec-list{background:var(--surface);border:1px solid var(--border);border-radius:18px;overflow:hidden}.rec-item{display:flex;align-items:center;gap:14px;padding:14px 18px;border-top:1px solid var(--border)}.rec-item:first-child{border-top:none}.rec-item:hover{background:var(--surface-2)}.rec-item__body{flex:1;min-width:0}.rec-item__meta{font-size:12.5px;color:var(--text-3);display:flex;align-items:center;gap:6px;margin-top:2px}.rec-item__time{font-size:12.5px;color:var(--text-3);font-weight:500}.icon-btn-round{width:38px;height:38px;border-radius:50%;border:1px solid var(--border);background:transparent;color:var(--accent);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s,border-color .15s;flex-shrink:0}.icon-btn-round:hover{background:var(--accent-soft);border-color:transparent}.contacts-view{padding:22px 28px}.contacts-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:14px;max-width:900px;margin:0 auto}.contact-card{display:flex;align-items:center;gap:14px;padding:15px 16px;background:var(--surface);border:1px solid var(--border);border-radius:16px;transition:border-color .15s}.contact-card:hover{border-color:var(--border-2)}.contact-card__body{flex:1;min-width:0}.contact-card__name{font-weight:700;font-size:14.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.contact-card__number{font-size:12.5px;color:var(--text-3);margin-top:1px}.contact-card__presence{font-size:11.5px;color:var(--text-2);margin-top:4px;display:flex;align-items:center;gap:6px}.contact-card__actions{display:flex;gap:8px}.dot-inline{width:7px;height:7px;border-radius:50%;display:inline-block}.icon-btn-sq{width:40px;height:40px;border-radius:11px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s}.icon-btn-sq--ghost{border:1px solid var(--border);background:transparent;color:var(--text-2)}.icon-btn-sq--ghost:hover{color:var(--text);border-color:var(--border-2)}.icon-btn-sq--accent{border:none;background:var(--accent);color:var(--accent-text)}.icon-btn-sq--accent:hover{background:var(--accent-2)}.empty-state{text-align:center;color:var(--text-3);font-size:14px;padding:48px 0}.vm-view{padding:22px 28px;max-width:720px;margin:0 auto;display:flex;flex-direction:column;gap:14px}.vm-card{background:var(--surface);border:1px solid var(--border);border-radius:18px;padding:16px 18px}.vm-card__top{display:flex;align-items:center;gap:14px}.vm-play{width:48px;height:48px;border-radius:50%;border:none;background:var(--accent-soft);color:var(--accent);cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .15s}.vm-play.is-playing{background:var(--accent);color:var(--accent-text)}.vm-card__body{flex:1;min-width:0}.vm-card__name{display:flex;align-items:center;gap:8px;font-weight:700;font-size:14.5px}.vm-card__unread{width:8px;height:8px;border-radius:50%;background:var(--accent);flex-shrink:0}.vm-card__meta{font-size:12px;color:var(--text-3);margin-top:2px}.vm-card__snippet{font-size:13px;color:var(--text-2);line-height:1.55}.waveform{display:flex;align-items:center;gap:3px;height:28px;margin:13px 2px 11px}.bar{width:3px;border-radius:2px;flex-shrink:0;transform-origin:center;background:var(--border-2)}.bar.is-playing{background:var(--accent);animation:eq .9s ease-in-out infinite}@keyframes eq{0%,to{transform:scaleY(.35)}50%{transform:scaleY(1)}}.settings-view{padding:24px 28px;max-width:600px;margin:0 auto;display:flex;flex-direction:column;gap:18px}.card{background:var(--surface);border:1px solid var(--border);border-radius:18px;padding:6px 20px}.card__title{font-size:12px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--text-3);padding:16px 0 8px}.row{display:flex;align-items:center;justify-content:space-between;padding:14px 0;border-top:1px solid var(--border);gap:16px}.row__label{font-weight:600;font-size:14px}.row__hint{font-size:12.5px;color:var(--text-3);margin-top:2px}.row__value{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--text-2);font-weight:500}.about{text-align:center;font-size:12px;color:var(--text-3);padding:4px 0 8px}.seg{display:flex;gap:4px;padding:4px;background:var(--surface-2);border:1px solid var(--border);border-radius:12px;width:180px}.seg__btn{flex:1;padding:9px 0;text-align:center;font-size:13px;font-weight:700;border-radius:9px;cursor:pointer;border:none;background:transparent;color:var(--text-2);transition:all .15s}.seg__btn.is-active{background:var(--surface);color:var(--text);box-shadow:0 1px 4px #00000024}.switch{width:44px;height:25px;border-radius:999px;background:var(--surface-3);border:1px solid var(--border);position:relative;cursor:pointer;transition:background .18s,border-color .18s;padding:0;flex-shrink:0}.switch.is-on{background:var(--accent);border-color:transparent}.switch__knob{position:absolute;top:2px;left:2px;width:19px;height:19px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #00000059;transition:left .18s}.switch.is-on .switch__knob{left:21px}.call-screen{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--surface-2);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:28px;z-index:20}.call-screen__head{display:flex;flex-direction:column;align-items:center;gap:5px}.call-avatar{width:104px;height:104px;border-radius:50%;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:40px}.call-avatar.is-active{animation:dpulse 1.9s ease-out infinite}@keyframes dpulse{0%{box-shadow:0 0 0 0 var(--accent-soft)}70%{box-shadow:0 0 0 22px transparent}to{box-shadow:0 0 0 0 transparent}}.call-screen__name{font-size:23px;font-weight:800;letter-spacing:-.01em;margin-top:14px}.call-screen__number{font-size:14px;color:var(--text-3);font-weight:500}.call-screen__timer{font-family:Space Grotesk,monospace;font-size:16px;font-weight:600;color:var(--accent);margin-top:6px}.call-screen__dtmf{font-family:Space Grotesk,monospace;font-size:16px;letter-spacing:.15em;color:var(--text-2);margin-top:6px}.call-controls{display:flex;gap:20px;margin:36px 0 22px;flex-wrap:wrap;justify-content:center}.ctl{display:flex;flex-direction:column;align-items:center;gap:8px;border:none;background:transparent;cursor:pointer;font-size:12px;font-weight:600;color:var(--text-2)}.ctl__icon{width:64px;height:64px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--surface-3);color:var(--text);border:1px solid var(--border);transition:all .15s}.ctl__icon.is-on{background:var(--accent);color:var(--accent-text);border-color:transparent}.rec-toggle{display:flex;align-items:center;gap:9px;padding:8px 16px;border-radius:999px;cursor:pointer;font-weight:600;font-size:13px;border:1px solid var(--border);background:transparent;color:var(--text-2);transition:all .15s}.rec-toggle.is-on{border-color:var(--danger);background:var(--danger-soft);color:var(--danger)}.rec-toggle__dot{width:11px;height:11px;border-radius:50%;background:var(--danger);display:inline-block}.call-pad{display:grid;grid-template-columns:repeat(3,60px);gap:10px;margin-top:22px}.call-pad__key{height:52px;border-radius:14px;border:1px solid var(--border);background:var(--surface);cursor:pointer;font-family:Space Grotesk,monospace;font-size:21px;font-weight:600;color:var(--text);transition:background .12s,transform .1s}.call-pad__key:hover{background:var(--surface-3)}.call-pad__key:active{transform:scale(.94)}.end-btn{width:68px;height:68px;border-radius:50%;border:none;background:var(--danger);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 10px 26px -8px var(--danger);margin-top:30px;transition:filter .15s,transform .1s}.end-btn:hover{filter:brightness(1.06)}.end-btn:active{transform:scale(.93)}.end-btn svg{transform:rotate(135deg)}@media (prefers-reduced-motion: reduce){*{animation-duration:.001ms!important;transition-duration:.001ms!important}}.login{width:min(400px,100%);display:flex;flex-direction:column;gap:18px}.login__brand{display:flex;align-items:center;gap:10px;justify-content:center}.login__logo{width:40px;height:40px;border-radius:12px;background:var(--accent);color:var(--accent-text);display:grid;place-items:center}.login__title{font-size:20px;font-weight:700}.login__card{background:var(--surface);border:1px solid var(--border);border-radius:18px;padding:26px;box-shadow:var(--shadow)}.login__h{font-size:20px;font-weight:700;margin:0 0 4px}.login__sub{font-size:13.5px;color:var(--text-2);margin:0 0 18px}.login__label{display:block;font-size:13px;font-weight:600;color:var(--text-2);margin:12px 0 6px}.login__input{width:100%;box-sizing:border-box;padding:11px 13px;border-radius:11px;border:1px solid var(--border);background:var(--surface-2);color:var(--text);font-size:14px;font-family:inherit}.login__input:focus{outline:none;border-color:var(--accent)}.login__btn{width:100%;margin-top:18px;padding:12px;border:none;border-radius:11px;background:var(--accent);color:var(--accent-text);font-weight:700;font-size:14.5px;cursor:pointer}.login__btn:disabled{opacity:.6;cursor:default}.login__err{margin-top:12px;font-size:13px;color:var(--danger)}.login__hint{margin:12px 0 0;text-align:center;font-size:12px;color:var(--text-3)}.login__tenants{display:flex;flex-direction:column;gap:8px}.login__tenant{display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:12px 14px;border-radius:12px;border:1px solid var(--border);background:var(--surface-2);cursor:pointer}.login__tenant:hover{border-color:var(--accent)}.login__tenant-name{font-weight:600;font-size:14px;color:var(--text)}.login__tenant-id{font-size:11.5px;color:var(--text-3)}.presence-menu__user{padding:8px 12px 6px;font-size:12px;font-weight:600;color:var(--text-3);white-space:nowrap}.presence-menu__divider{height:1px;background:var(--border);margin:4px 6px}.presence-option--logout{color:var(--danger)}