:root{color-scheme:light;font-family:-apple-system,SF Pro Text,Segoe UI,Inter,system-ui,sans-serif;--cn-teal: #00a896;--cn-teal-dark: #008f7f;--cn-teal-light: #e6f7f5;--cn-bg: #f0f2f5;--cn-card: #ffffff;--cn-text: #1a2332;--cn-muted: #6b7785;--cn-border: #e2e8ef;--cn-danger: #e53935;--cn-success: #00a896;--cn-call-green: #34c759;--cn-frame-width: 390px}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:var(--cn-bg);color:var(--cn-text)}button,input{font:inherit}.cn-shell{min-height:100vh;display:grid;place-items:center;padding:1rem;background:linear-gradient(180deg,#d9eeeb 0%,var(--cn-bg) 40%)}.cn-shell.cn-auth{background:linear-gradient(160deg,#008f7f,#00a896,#4ecdc4)}.cn-phone-frame{width:min(var(--cn-frame-width),100%);min-height:min(780px,calc(100vh - 2rem));background:var(--cn-card);border-radius:28px;box-shadow:0 24px 64px #0028232e,0 0 0 1px #0000000a;display:grid;grid-template-rows:auto 1fr auto;overflow:hidden;position:relative}.cn-notif-banner{background:#7c4f00;color:#fff;font-size:.78rem;padding:.45rem 1rem;text-align:center;line-height:1.4}.cn-notif-enable{background:none;border:none;color:#ffe099;font-size:.78rem;cursor:pointer;text-decoration:underline;padding:0}.cn-auth-header{padding:2.5rem 1.5rem 1rem;text-align:center;color:var(--cn-text)}.cn-auth .cn-auth-header{padding-top:3rem}.cn-logo{display:block;font-size:1.75rem;font-weight:700;color:var(--cn-teal);letter-spacing:-.02em}.connus-logo,.brand-logo{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;background:#3b784e;border-radius:22%;padding:14%;box-sizing:border-box}.connus-logo img,.brand-logo img{width:100%;height:100%;object-fit:contain;display:block}.connus-logo-full,.brand-logo-full{display:block;border-radius:22%;object-fit:cover}.cn-auth-header .connus-logo,.cn-auth-header .brand-logo{margin:0 auto .5rem}.cn-auth .cn-logo{color:#fff;font-size:2rem}.cn-auth-header p{margin:.35rem 0 0;color:var(--cn-muted);font-size:.95rem}.cn-auth .cn-auth-header p{color:#ffffffd9}.cn-segment{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;margin:0 1.5rem 1rem;padding:.25rem;background:var(--cn-bg);border-radius:10px}.cn-segment button{border:0;background:transparent;padding:.55rem;border-radius:8px;color:var(--cn-muted);cursor:pointer;font-weight:500}.cn-segment button.active{background:var(--cn-card);color:var(--cn-teal);box-shadow:0 1px 4px #00000014}.cn-form{display:grid;gap:.85rem;padding:0 1.5rem 2rem}label{display:grid;gap:.35rem;font-size:.85rem;color:var(--cn-muted);font-weight:500}input{padding:.75rem .9rem;border-radius:10px;border:1px solid var(--cn-border);background:#fff;color:var(--cn-text)}input:focus{outline:none;border-color:var(--cn-teal);box-shadow:0 0 0 3px #00a89626}.cn-btn{border:0;border-radius:10px;padding:.85rem 1rem;cursor:pointer;font-weight:600}.cn-btn-primary{background:var(--cn-teal);color:#fff}.cn-btn-primary:hover{background:var(--cn-teal-dark)}.cn-btn-ghost{background:transparent;color:var(--cn-teal);border:1px solid var(--cn-border)}.cn-btn.full{width:100%}.cn-sso{padding:0 1.5rem 1.5rem;display:flex;flex-direction:column;gap:.6rem}.cn-sso-divider{display:flex;align-items:center;text-align:center;color:var(--cn-muted);font-size:.8rem;margin:.25rem 0 .5rem}.cn-sso-divider:before,.cn-sso-divider:after{content:"";flex:1;border-bottom:1px solid var(--cn-border)}.cn-sso-divider span{padding:0 .75rem}.cn-btn-sso{background:#fff;color:var(--cn-text);border:1px solid var(--cn-border);font-weight:600}.cn-btn-sso:hover:not(:disabled){background:var(--cn-bg, #f5f5f5)}.cn-btn-sso:disabled{opacity:.6;cursor:not-allowed}.cn-error{color:var(--cn-danger);font-size:.88rem;margin:0}.cn-success{color:var(--cn-success);font-size:.88rem;margin:0}.cn-header{display:flex;justify-content:space-between;align-items:center;gap:.75rem;padding:1rem 1.25rem;border-bottom:1px solid var(--cn-border);background:var(--cn-teal-light)}.cn-header .cn-user{flex:1;min-width:0}.cn-user{display:flex;align-items:center;gap:.65rem}.cn-user strong{display:block;font-size:.95rem}.cn-ext{font-size:.78rem;color:var(--cn-muted)}.cn-status{display:inline-flex;align-items:center;gap:.35rem;font-size:.75rem;font-weight:600;padding:.25rem .65rem .25rem .5rem;border-radius:999px;background:#6b77851f;color:var(--cn-muted);white-space:nowrap;flex-shrink:0}.cn-status:before{content:"";display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--cn-muted);flex-shrink:0}.cn-status.registered,.cn-status.pill.registered{background:#34c75926;color:#1a7f3c}.cn-status.registered:before{background:var(--cn-call-green)}.cn-status.registering{background:#ff9f0a1f;color:#8a5500}.cn-status.registering:before{background:#ff9f0a;animation:cn-dot-pulse 1.2s ease-in-out infinite}.cn-status.failed{background:#e539351f;color:var(--cn-danger)}.cn-status.failed:before{background:var(--cn-danger)}@keyframes cn-dot-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.3;transform:scale(.7)}}.cn-avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,var(--cn-teal),var(--cn-teal-dark));color:#fff;display:grid;place-items:center;font-weight:600;flex-shrink:0}.cn-avatar.sm{width:36px;height:36px;font-size:.85rem}.cn-avatar.lg{width:72px;height:72px;font-size:1.5rem;margin:0 auto .75rem}.cn-avatar.xl{width:88px;height:88px;font-size:2rem;margin:0 auto 1rem}.cn-main{overflow-y:auto;padding:1rem 1.25rem .5rem}.cn-keypad-panel{display:flex;flex-direction:column;align-items:center;min-height:100%}.cn-dial-display{width:100%;position:relative;margin-bottom:1rem}.cn-dial-input{width:100%;border:0;background:transparent;font-size:1.75rem;text-align:center;padding:.75rem 2.5rem .75rem .75rem;color:var(--cn-text)}.cn-dial-input:focus{outline:none;box-shadow:none}.cn-backspace{position:absolute;right:0;top:50%;transform:translateY(-50%);border:0;background:transparent;color:var(--cn-muted);font-size:1.25rem;cursor:pointer;padding:.5rem}.cn-keypad{display:grid;grid-template-columns:repeat(3,1fr);gap:.65rem;width:100%;max-width:280px;margin-bottom:1.25rem}.cn-key{aspect-ratio:1;border:0;border-radius:50%;background:var(--cn-bg);cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;transition:background .12s}.cn-key:active{background:var(--cn-teal-light)}.cn-key-digit{font-size:1.5rem;font-weight:400;line-height:1}.cn-key-sub{font-size:.55rem;letter-spacing:.08em;color:var(--cn-muted);margin-top:.15rem}.cn-call-btn{border:0;border-radius:50%;width:64px;height:64px;font-size:1.5rem;cursor:pointer;display:grid;place-items:center;color:#fff}.cn-call-btn.dial{background:var(--cn-call-green);box-shadow:0 8px 24px #34c75959}.cn-call-btn.dial:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}.cn-call-btn.answer{background:var(--cn-call-green);width:72px;height:72px}.cn-call-btn.decline,.cn-call-btn.hangup{background:var(--cn-danger);width:72px;height:72px;font-size:.9rem;font-weight:600}.cn-active-call,.cn-incoming-content{text-align:center;padding:2rem 1rem}.cn-call-label,.cn-call-meta,.cn-incoming-label,.cn-incoming-number{color:var(--cn-muted);margin:0 0 .5rem}.cn-active-call h2,.cn-incoming-content h2{margin:0 0 .25rem;font-size:1.5rem}.cn-incoming-actions{display:flex;justify-content:center;gap:2.5rem;margin-top:2.5rem}.cn-incoming-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#005f52,#00a896);color:#fff;z-index:9999;display:grid;place-items:center;animation:cn-incoming-pulse 1.2s ease-in-out infinite}@keyframes cn-incoming-pulse{0%,to{background:linear-gradient(180deg,#005f52,#00a896)}50%{background:linear-gradient(180deg,#007a6a,#00c4b0)}}.cn-incoming-overlay .cn-incoming-label,.cn-incoming-overlay .cn-incoming-number,.cn-incoming-overlay .cn-call-label{color:#fffc}.cn-incoming-overlay h2{color:#fff}.cn-incoming-overlay .cn-avatar{background:#fff3}.cn-avatar-xl{width:96px;height:96px;font-size:2.5rem;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;margin:0 auto}.cn-ring-anim{animation:cn-ring-scale 1s ease-in-out infinite;box-shadow:0 0 #fff9}@keyframes cn-ring-scale{0%{box-shadow:0 0 #fff9}70%{box-shadow:0 0 0 24px #fff0}to{box-shadow:0 0 #fff0}}.cn-recents h2{margin:0 0 1rem;font-size:1.25rem}.cn-empty{color:var(--cn-muted);text-align:center;padding:2rem 0}.cn-recent-list{list-style:none;padding:0;margin:0}.cn-recent-item{width:100%;display:flex;align-items:center;gap:.75rem;padding:.75rem 0;border:0;background:transparent;border-bottom:1px solid var(--cn-border);cursor:pointer;text-align:left}.cn-recent-info{flex:1;min-width:0}.cn-recent-info strong{display:block;font-size:.95rem}.cn-recent-info span{font-size:.8rem;color:var(--cn-muted)}.cn-recent-arrow{color:var(--cn-muted);font-size:1.25rem}.cn-log-line{font-size:.82rem;color:var(--cn-muted);padding:.5rem 0;border-bottom:1px solid var(--cn-border)}.cn-profile-card{text-align:center;padding:1.5rem 0 1rem}.cn-profile-card h2{margin:0 0 .25rem}.cn-profile-card p{margin:0 0 .75rem;color:var(--cn-muted)}.cn-settings-list{list-style:none;padding:0;margin:1.5rem 0;border:1px solid var(--cn-border);border-radius:12px;overflow:hidden}.cn-settings-list li{display:flex;justify-content:space-between;align-items:center;padding:.85rem 1rem;border-bottom:1px solid var(--cn-border);font-size:.9rem}.cn-settings-list li:last-child{border-bottom:0}.cn-settings-list span{color:var(--cn-muted)}.cn-tabs{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--cn-border);background:var(--cn-card);padding:.35rem 0 .5rem}.cn-tabs button{border:0;background:transparent;display:flex;flex-direction:column;align-items:center;gap:.2rem;padding:.45rem;color:var(--cn-muted);cursor:pointer;font-size:.68rem;font-weight:500}.cn-tabs button.active{color:var(--cn-teal)}@media(max-width:420px){.cn-shell{padding:0}.cn-phone-frame{width:100%;min-height:100vh;border-radius:0;box-shadow:none}}