:root{color:#172034;font-synthesis:none;background:#f4f6fa;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:320px;margin:0}button,input{font:inherit}.app-shell{min-height:100vh}.sidebar{color:#fff;z-index:10;background:#101828;flex-direction:column;width:238px;padding:26px 18px;display:flex;position:fixed;inset:0 auto 0 0}.brand{letter-spacing:-.5px;align-items:center;padding:0 10px 28px;font-size:24px;font-weight:750;display:flex}.brand-mark{background:#3768f5;border-radius:9px;place-items:center;width:31px;height:31px;margin-right:1px;font-size:23px;display:grid}.sidebar nav{gap:5px;display:grid}.nav-item{color:#9ea9bb;cursor:pointer;text-align:left;background:0 0;border:0;border-radius:9px;align-items:center;gap:12px;width:100%;padding:11px 12px;font-weight:550;display:flex}.nav-item:hover,.nav-item.active{color:#fff;background:#23304a}.nav-icon{border:1px solid #526078;border-radius:7px;place-items:center;width:24px;height:24px;font-size:11px;display:grid}.nav-item.active .nav-icon{background:#3158dc;border-color:#6687f8}.sidebar-footer{border-top:1px solid #29354a;align-items:center;gap:10px;margin-top:auto;padding:14px 10px 2px;display:flex}.sidebar-footer strong,.sidebar-footer small,.operator b,.operator small{display:block}.sidebar-footer strong{font-size:12px}.sidebar-footer small,.operator small{color:#8e9aae;margin-top:2px;font-size:11px}.health-dot{background:#ef5c5c;border-radius:50%;width:9px;height:9px;box-shadow:0 0 0 4px #ef5c5c18}.health-dot.ok{background:#22b573;box-shadow:0 0 0 4px #22b57320}.workspace{min-height:100vh;margin-left:238px}.topbar{background:#fff;border-bottom:1px solid #e5e9f0;justify-content:space-between;align-items:center;height:76px;padding:0 34px;display:flex}.topbar strong{font-size:15px;display:block}.eyebrow,.label{color:#8993a4;letter-spacing:.11em;margin-bottom:4px;font-size:10px;font-weight:750;display:block}.operator{align-items:center;gap:10px;display:flex}.operator-avatar{color:#3158dc;background:#e8edff;border-radius:50%;place-items:center;width:36px;height:36px;font-weight:750;display:grid}.operator b{font-size:12px}.content{max-width:1440px;margin:auto;padding:34px}.page-heading{justify-content:space-between;align-items:flex-end;margin-bottom:27px;display:flex}.page-heading h1{letter-spacing:-.8px;margin:0 0 6px;font-size:29px}.page-heading p{color:#687386;max-width:680px;margin:0}.metric-grid{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.metric-card,.card,.phone-card{background:#fff;border:1px solid #e4e8ef;border-radius:14px;padding:20px;box-shadow:0 2px 8px #15223808}.metric-card strong{letter-spacing:-.7px;margin:8px 0 3px;font-size:27px;display:block}.metric-card small{color:#7e8999}.metric-card.accent{color:#fff;background:#3158dc;border-color:#3158dc}.metric-card.accent .label,.metric-card.accent small{color:#dbe3ff}.dashboard-grid{grid-template-columns:1.35fr 1fr;gap:16px;margin-top:16px;display:grid}.welcome-card{background:linear-gradient(145deg,#fff 40%,#edf1ff);min-height:280px;padding:30px}.welcome-card h2{letter-spacing:-.7px;max-width:440px;margin:40px 0 10px;font-size:27px}.welcome-card p,.call-info p,.empty p{color:#687386;line-height:1.55}.button-row,.call-actions{gap:10px;margin-top:24px;display:flex}.primary,.secondary,.danger{cursor:pointer;border:0;border-radius:9px;padding:11px 16px;font-weight:650}.primary{color:#fff;background:#3158dc}.secondary{color:#26334a;background:#eef1f6}.danger{color:#c53d3d;background:#feeceb}.primary:disabled,.secondary:disabled,.danger:disabled{opacity:.45;cursor:not-allowed}.activity{padding:25px}.activity-item{border-bottom:1px solid #edf0f4;align-items:center;gap:13px;padding:19px 0;display:flex}.activity-item:last-child{border:0}.activity-item b,.activity-item small{display:block}.activity-item b{font-size:14px}.activity-item small{color:#7e8999;margin-top:4px;font-size:12px}.event-icon{color:#536078;background:#eef1f6;border-radius:10px;flex:0 0 37px;place-items:center;height:37px;font-size:11px;font-weight:750;display:grid}.success-bg{color:#168659;background:#e6f7ef}.dialer-layout{grid-template-columns:minmax(430px,620px) minmax(260px,360px);gap:18px;display:grid}.phone-card{padding:27px}.phone-head{justify-content:space-between;align-items:center;margin-bottom:25px;display:flex}.phone-head h2{margin:5px 0 0;font-size:23px}.call-pulse{background:#abb3c0;border-radius:50%;width:12px;height:12px;box-shadow:0 0 0 5px #abb3c020}.call-pulse.live{background:#22b573;box-shadow:0 0 0 7px #22b57320}.phone-card label{color:#505b6c;margin:17px 0;font-size:13px;font-weight:650;display:block}.phone-card input{color:#172034;background:#fbfcfe;border:1px solid #d8dee8;border-radius:10px;outline:none;width:100%;margin-top:7px;padding:13px 14px;display:block}.phone-card input:focus{border-color:#6687f8;box-shadow:0 0 0 3px #6687f820}.phone-input{letter-spacing:.02em;font-size:18px}.error-box{color:#b53b35;white-space:pre-wrap;background:#fff0ef;border-radius:9px;margin-top:18px;padding:13px;font-size:13px}.call-info{height:max-content;padding:25px}.call-info h3{margin:9px 0}.info-row{border-top:1px solid #edf0f4;justify-content:space-between;padding:14px 0;font-size:13px;display:flex}.success{color:#168659}.empty{text-align:center;max-width:680px;margin:8vh auto;padding:48px}.empty-icon{color:#3158dc;background:#edf1ff;border-radius:16px;place-items:center;width:54px;height:54px;margin:0 auto 18px;font-size:26px;display:grid}.empty h2{margin:0}.empty p{max-width:480px;margin:10px auto 22px}.empty small{color:#98a1af;margin-top:12px;display:block}.mobile-nav{display:none}.operator-controls{align-items:center;gap:10px;display:flex}.toolbar-menu{position:relative}.presence-button,.group-button{color:#344054;cursor:pointer;background:#eef1f6;border:0;border-radius:9px;align-items:center;gap:9px;height:42px;padding:0 14px;font-size:12px;font-weight:750;display:flex}.presence-button{color:#fff;background:#c93445;justify-content:center;min-width:150px}.presence-button.ready{background:#268a5c}.presence-dot,.red-dot,.green-dot{background:#681923;border-radius:50%;width:8px;height:8px}.presence-button.ready .presence-dot,.green-dot{background:#64cf88}.red-dot{background:#cf3548}.group-symbol{color:#5c6b82;font-size:18px}.toolbar-dropdown{z-index:50;color:#fff;background:#172230;border:1px solid #2b394b;border-radius:10px;width:230px;padding:8px;position:absolute;top:49px;left:0;box-shadow:0 14px 35px #07101f55}.toolbar-dropdown button{color:#c5ccda;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:7px;align-items:center;gap:10px;width:100%;padding:10px;display:flex}.toolbar-dropdown button:hover,.toolbar-dropdown button.selected{color:#fff;background:#263448}.group-dropdown{width:265px}.group-dropdown>span{color:#78869a;letter-spacing:.1em;padding:8px 10px;font-size:9px;font-weight:750;display:block}.group-dropdown button{justify-content:space-between}.group-dropdown button small{color:#78869a}.dropdown-empty{color:#7f8b9d;border-top:1px solid #2b394b;padding:12px 10px;font-size:11px}.floating-phone{color:#fff;z-index:45;cursor:pointer;background:#2da451;border:0;border-radius:50%;width:56px;height:56px;font-size:24px;position:fixed;bottom:27px;right:27px;box-shadow:0 10px 30px #16372755}.floating-phone.ringing{animation:1.2s infinite ring}.mini-phone{color:#fff;z-index:45;background:#151f2b;border:1px solid #2d3a4b;border-radius:18px;width:290px;min-height:380px;position:fixed;bottom:24px;right:25px;overflow:hidden;box-shadow:0 18px 50px #08101f66}.mini-phone-head{color:#8491a3;justify-content:space-between;align-items:center;height:50px;padding:0 13px;font-size:11px;display:flex}.mini-phone-head button{color:#9aa5b4;cursor:pointer;background:0 0;border:0;font-size:16px}.phone-connect,.phone-call-state,.phone-keypad{text-align:center;padding:20px 24px 25px}.phone-state-icon,.ended-phone{color:#8390a0;margin:20px 0;font-size:30px}.phone-connect h3{margin:8px 0}.phone-connect p{color:#8e9bad;font-size:12px;line-height:1.45}.phone-connect input,.phone-keypad input{color:#fff;text-align:center;background:#111923;border:1px solid #334256;border-radius:8px;outline:none;width:100%;padding:11px}.connect-phone{color:#fff;background:#3158dc;border:0;border-radius:8px;width:100%;margin-top:12px;padding:11px;font-weight:700}.phone-number{letter-spacing:.04em;margin-top:18px;font-size:22px;font-weight:800;display:block}.phone-call-state strong{margin-top:8px;display:block}.phone-call-state small{color:#8c9aab;margin-top:8px;display:block}.incoming-label{color:#48bc72!important}.round-actions{justify-content:center;gap:23px;margin-top:110px;display:flex}.round-actions button,.dial-row .accept{color:#fff;cursor:pointer;border:0;border-radius:50%;width:47px;height:47px;font-size:20px}.accept{background:#36a653!important}.decline{background:#c42b3e}.key-grid{grid-template-columns:repeat(3,1fr);gap:5px;margin:20px 0;display:grid}.key-grid button{color:#fff;cursor:pointer;background:0 0;border:0;border-radius:50%;height:43px;font-size:20px;font-weight:750}.key-grid button:hover{background:#243244}.dial-row{grid-template-columns:1fr 1fr 1fr;align-items:center;display:grid}.dial-row .accept{grid-column:2}.backspace{color:#8995a4;background:0 0;border:0;grid-column:1;font-size:18px}.ended .post-call-actions{justify-content:space-around;margin-top:100px;display:flex}.post-call-actions button{color:#9aa5b4;cursor:pointer;background:0 0;border:0;font-size:23px}.mini-error{color:#ffb9c2;background:#4a2029;border-radius:7px;margin:0 15px 15px;padding:9px;font-size:11px}.mini-phone audio{display:none}@keyframes ring{0%,to{transform:rotate(0)}25%{transform:rotate(8deg)}75%{transform:rotate(-8deg)}}@media (width<=900px){.sidebar{display:none}.workspace{margin-left:0;padding-bottom:76px}.topbar{height:66px;padding:0 12px}.operator{display:none}.operator-controls{gap:6px;width:100%}.presence-button{min-width:123px;padding:0 9px}.group-button{flex:1;justify-content:center;max-width:220px}.content{padding:22px 16px}.metric-grid{grid-template-columns:1fr 1fr}.dashboard-grid,.dialer-layout{grid-template-columns:1fr}.mobile-nav{z-index:20;background:#fff;border-top:1px solid #dde2ea;height:68px;display:flex;position:fixed;inset:auto 0 0;overflow-x:auto}.mobile-nav button{color:#818b9b;background:#fff;border:0;flex:1;min-width:61px;padding:8px 3px}.mobile-nav button span,.mobile-nav button small{display:block}.mobile-nav button span{margin-bottom:3px;font-weight:750}.mobile-nav button small{font-size:9px}.mobile-nav button.active{color:#3158dc}.page-heading h1{font-size:25px}.dialer-layout{display:block}.call-info{margin-top:16px}.mini-phone{bottom:82px;right:12px}.floating-phone{bottom:84px;right:17px}}@media (width<=520px){.metric-grid{grid-template-columns:1fr 1fr;gap:10px}.metric-card{padding:15px}.metric-card strong{font-size:22px}.dashboard-grid{margin-top:10px}.welcome-card{padding:22px}.welcome-card h2{margin-top:28px;font-size:23px}.phone-card{padding:20px}.call-actions{grid-template-columns:1fr 1fr;display:grid}.call-actions button:first-child{grid-column:1/-1}.content{padding:20px 12px}.empty{padding:35px 20px}.mini-phone{width:calc(100vw - 24px);max-height:calc(100vh - 160px);overflow:auto}.toolbar-dropdown{position:fixed;top:68px;left:12px}.group-dropdown{left:auto;right:12px}.group-button,.presence-button{font-size:10px}}