@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@500;600;700&display=swap";:root{font-family:DM Sans,sans-serif;color:#17221d;background:#f4f6f4;font-synthesis:none;--ink: #17221d;--muted: #708078;--line: #e3e8e4;--green: #126c4b;--green-dark: #0c5239;--green-soft: #e6f3ed;--surface: #ffffff;--shadow: 0 12px 36px rgba(25, 48, 38, .07)}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,input,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}.muted{color:var(--muted)}.eyebrow{margin:0 0 8px;color:#809087;font-family:Manrope,sans-serif;font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.brand{display:flex;align-items:center;gap:10px;font:700 20px Manrope,sans-serif;letter-spacing:-.04em}.brand-mark{display:grid;width:34px;height:34px;place-items:center;border-radius:10px;color:#fff;background:var(--green)}.brand-light{color:#fff}.brand-light .brand-mark{color:#0a4c35;background:#fff}.login-shell{min-height:100vh;display:grid;grid-template-columns:minmax(390px,.9fr) 1.1fr;background:#f8faf8}.login-story{position:relative;display:flex;min-height:100vh;padding:46px 56px;flex-direction:column;justify-content:space-between;overflow:hidden;color:#fff;background:#0e5c41}.login-story:before,.login-story:after{position:absolute;content:"";border:1px solid rgba(255,255,255,.13);border-radius:50%}.login-story:before{width:540px;height:540px;right:-250px;top:12%}.login-story:after{width:340px;height:340px;right:-75px;bottom:-170px}.story-copy{position:relative;max-width:520px;z-index:1}.story-copy .eyebrow{color:#a8d6c3}.story-copy h1{margin:0 0 26px;font:600 clamp(40px,4vw,64px)/1.05 "Manrope",sans-serif;letter-spacing:-.055em}.story-copy>p:not(.eyebrow){max-width:460px;color:#d1e9df;font-size:17px;line-height:1.65}.trust-row{display:flex;align-items:center;gap:10px;margin-top:36px;color:#d9eee6;font-size:13px}.trust-row .dot{width:3px;height:3px;margin:0 4px;border-radius:50%;background:#8ec8b0}.story-footer{position:relative;z-index:1;color:#a8d6c3;font-size:12px}.login-panel{display:grid;place-items:center;padding:40px}.login-card{width:min(420px,100%)}.login-card h2{margin:0;font:700 32px/1.2 Manrope,sans-serif;letter-spacing:-.035em}.login-card>.muted{margin:10px 0 34px;font-size:14px}.login-card label{display:grid;gap:8px;margin:0 0 18px;color:#36443d;font-size:13px;font-weight:600}.login-card input{width:100%;height:50px;padding:0 15px;border:1px solid #d9e0dc;border-radius:10px;outline:none;color:var(--ink);background:#fff;transition:border-color .2s,box-shadow .2s}.login-card input:focus{border-color:var(--green);box-shadow:0 0 0 3px #126c4b1a}.primary-button{width:100%;height:50px;margin-top:6px;border:0;border-radius:10px;color:#fff;background:var(--green);font-weight:700;box-shadow:0 8px 20px #126c4b2b}.primary-button:hover{background:var(--green-dark)}.primary-button:disabled{opacity:.6;cursor:wait}.form-error,.banner{padding:11px 14px;border:1px solid #f2cbc7;border-radius:9px;color:#8c302a;background:#fff2f0;font-size:13px}.login-help{margin:22px 0 0;text-align:center;color:#87938d;font-size:12px}.mobile-brand{display:none;margin-bottom:48px}.app-shell{min-height:100vh;display:grid;grid-template-columns:232px 1fr}.sidebar{position:fixed;inset:0 auto 0 0;width:232px;display:flex;padding:28px 20px 20px;flex-direction:column;color:#d8e6df;background:#11251d;z-index:10}.sidebar .brand{padding:0 10px 30px;color:#fff}.sidebar nav{display:grid;gap:6px}.sidebar nav a{display:flex;height:44px;padding:0 13px;align-items:center;gap:12px;border-radius:9px;color:#aebdb6;text-decoration:none;font-size:14px;font-weight:500}.sidebar nav a:hover{color:#fff;background:#ffffff0d}.sidebar nav a.active{color:#fff;background:#1c6c4d}.sidebar-footer{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;margin-top:auto;padding:17px 5px 2px;border-top:1px solid rgba(255,255,255,.09)}.sidebar-footer strong,.sidebar-footer span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-footer strong{color:#fff;font-size:12px}.sidebar-footer span{margin-top:3px;color:#91a39a;font-size:10px;text-transform:capitalize}.sidebar-footer button{display:grid;padding:7px;place-items:center;border:0;color:#91a39a;background:transparent}.avatar{display:grid;place-items:center;border-radius:50%;color:#fff;background:#397b61;font-size:11px;font-weight:700}.avatar.small{width:34px;height:34px}.workspace{min-width:0;grid-column:2;padding:34px 38px 44px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:30px}.topbar h1{margin:0;font:700 25px Manrope,sans-serif;letter-spacing:-.035em}.top-actions{display:flex;align-items:center;gap:12px}.phone-health,.presence{display:flex;height:40px;padding:0 13px;align-items:center;gap:8px;border:1px solid var(--line);border-radius:9px;color:#57655e;background:#fff;font-size:12px;font-weight:600}.connection-dot,.presence>span{width:8px;height:8px;flex:0 0 auto;border-radius:50%;background:#a5aea9;box-shadow:0 0 0 3px #eef0ef}.connection-dot.online,.presence.ready>span{background:#27a36e;box-shadow:0 0 0 3px #e0f3e9}.connection-dot.connecting{background:#d69328;box-shadow:0 0 0 3px #f9edd9}.connection-dot.error{background:#cf534a;box-shadow:0 0 0 3px #f8e5e3}.presence.not_ready>span{background:#d69328;box-shadow:0 0 0 3px #f9edd9}.presence select{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:0 2px;border:0;outline:none;color:inherit;background:transparent;font-weight:600;cursor:pointer}.icon-button{position:relative;display:grid;width:40px;height:40px;place-items:center;border:1px solid var(--line);border-radius:9px;color:#58665f;background:#fff}.notification-dot{position:absolute;width:6px;height:6px;right:9px;top:8px;border:1px solid white;border-radius:50%;background:#e1665b}.banner{margin:-12px 0 20px}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:18px}.metrics article{display:flex;min-width:0;padding:19px;align-items:flex-start;gap:14px;border:1px solid var(--line);border-radius:13px;background:var(--surface);box-shadow:0 4px 18px #19302606}.metric-icon{display:grid;width:38px;height:38px;flex:0 0 auto;place-items:center;border-radius:10px}.metric-icon.mint{color:#15704f;background:#e5f3ed}.metric-icon.blue{color:#346c9e;background:#e8f0f7}.metric-icon.amber{color:#9a6b20;background:#f7efdf}.metric-icon.violet{color:#70559a;background:#eee9f5}.metrics article>div:last-child{min-width:0}.metrics span,.metrics small{display:block;color:#7a8981;font-size:11px;white-space:nowrap}.metrics strong{display:block;margin:4px 0;font:700 22px Manrope,sans-serif;letter-spacing:-.025em}.metrics small b{color:#27835f;font-weight:600}.work-grid{display:grid;grid-template-columns:minmax(440px,1.35fr) minmax(310px,.65fr);gap:18px;align-items:start}.phone-card,.card{border:1px solid var(--line);border-radius:14px;background:#fff;box-shadow:var(--shadow)}.phone-card{min-height:598px;padding:26px 30px}.card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.card-header h2{margin:0;font:700 19px Manrope,sans-serif;letter-spacing:-.025em}.live-pill,.queue-live{display:flex;padding:7px 10px;align-items:center;gap:7px;border-radius:20px;color:#41725f;background:#edf6f2;font-size:10px;font-weight:700;text-transform:capitalize}.dialer{width:min(360px,100%);margin:34px auto 0}.dial-input{position:relative;display:block}.dial-input span{display:block;margin-bottom:7px;color:#7b8982;font-size:11px;font-weight:600}.dial-input input{width:100%;height:51px;padding:0 48px 0 15px;border:1px solid #dfe5e1;border-radius:10px;outline:none;color:var(--ink);background:#fafbfa;font-size:16px;font-weight:600}.dial-input input:focus{border-color:#8fbaa8;box-shadow:0 0 0 3px #eef6f2}.dial-input button{position:absolute;right:7px;bottom:7px;display:grid;width:37px;height:37px;place-items:center;border:0;color:#718078;background:transparent}.dialpad{display:grid;grid-template-columns:repeat(3,1fr);gap:8px 18px;margin:22px 0}.dialpad button{display:grid;min-height:52px;place-content:center;border:0;border-radius:10px;color:var(--ink);background:transparent}.dialpad button:hover{background:#f1f5f2}.dialpad strong{font:600 21px Manrope,sans-serif}.dialpad span{min-height:10px;color:#9aa49f;font-size:8px;letter-spacing:.14em}.call-button,.answer-button,.hangup-button{display:flex;height:49px;align-items:center;justify-content:center;gap:9px;border:0;border-radius:10px;color:#fff;font-weight:700}.call-button{width:100%;background:var(--green)}.call-button:hover{background:var(--green-dark)}.call-button:disabled{opacity:.42;cursor:not-allowed}.device-note{display:flex;margin:14px 0 0;align-items:center;justify-content:center;gap:7px;color:#8a9790;font-size:10px}.phone-loading{display:grid;min-height:470px;place-items:center;color:var(--muted);font-size:13px}.active-call{display:flex;min-height:460px;padding-top:50px;align-items:center;flex-direction:column;text-align:center}.caller-avatar{display:grid;width:74px;height:74px;place-items:center;border-radius:50%;color:#236f53;background:#e6f2ed}.active-call h3{margin:16px 0 5px;font:700 23px Manrope,sans-serif}.active-call>p{margin:0;color:var(--muted);font-size:13px}.call-actions{display:flex;gap:28px;margin:42px 0 34px}.call-actions button{display:grid;gap:7px;place-items:center;border:0;color:#5b6862;background:transparent;font-size:10px}.call-actions button span{display:grid;width:45px;height:45px;place-items:center;border:1px solid #dfe5e1;border-radius:50%;background:#fff}.call-actions button svg{width:18px}.call-actions button.selected span{color:var(--green);border-color:#9cc6b4;background:#edf7f2}.in-call-keypad{display:grid;width:210px;grid-template-columns:repeat(3,1fr);gap:7px;margin:-18px 0 24px}.in-call-keypad button{height:34px;border:1px solid #e1e6e3;border-radius:8px;color:#405048;background:#fafbfa;font-weight:700}.in-call-keypad button:hover{border-color:#a7c8ba;background:#edf6f2}.call-primary-actions{display:flex;gap:12px}.answer-button,.hangup-button{min-width:140px;padding:0 22px}.answer-button{background:var(--green)}.hangup-button{background:#c94d44}.right-rail{display:grid;gap:18px}.card{padding:24px}.queue-numbers{display:grid;grid-template-columns:repeat(3,1fr);margin:25px 0 24px}.queue-numbers div{text-align:center;border-right:1px solid #ebeeec}.queue-numbers div:last-child{border:0}.queue-numbers strong,.queue-numbers span{display:block}.queue-numbers strong{font:700 20px Manrope,sans-serif}.queue-numbers span{margin-top:4px;color:var(--muted);font-size:9px}.queue-status{display:flex;justify-content:space-between;color:#6d7b74;font-size:11px}.queue-status i{display:inline-block;width:6px;height:6px;margin-right:7px;border-radius:50%;background:#2b9a6d}.queue-status strong{color:var(--ink)}.progress{height:5px;margin-top:10px;overflow:hidden;border-radius:4px;background:#edf0ee}.progress span{display:block;height:100%;border-radius:inherit;background:#2b9069}.activity-card .card-header button{border:0;color:var(--green);background:transparent;font-size:10px;font-weight:700}.activity-list{margin-top:13px}.activity-list>div{display:grid;grid-template-columns:auto 1fr auto;gap:11px;align-items:center;padding:14px 0;border-bottom:1px solid #edf0ee}.activity-list>div:last-child{border:0;padding-bottom:0}.activity-icon{display:grid;width:34px;height:34px;place-items:center;border-radius:9px}.activity-icon svg{width:15px}.activity-icon.inbound{color:#247452;background:#e8f4ef}.activity-icon.outbound{color:#3e729f;background:#eaf1f7}.activity-icon.missed{color:#a36b2f;background:#f8efe3}.activity-list strong,.activity-list span{display:block}.activity-list strong{font-size:11px}.activity-list span{margin-top:3px;color:var(--muted);font-size:9px}.activity-list time{color:#909b95;font-size:9px}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:grid;place-items:center;padding:20px;background:#0f1e1873}.modal{width:min(420px,100%);padding:24px}.modal form{display:grid;gap:6px;margin-top:14px}.modal .call-button{margin-top:12px}.modal .form-error{margin-top:4px}@media(max-width:1120px){.metrics{grid-template-columns:repeat(2,1fr)}.work-grid{grid-template-columns:1fr}.right-rail{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){.login-shell{grid-template-columns:1fr}.login-story{display:none}.login-panel{min-height:100vh;padding:30px 22px}.mobile-brand{display:flex}.app-shell{display:block}.sidebar{position:static;width:auto;height:64px;padding:0 18px;align-items:center;flex-direction:row}.sidebar .brand{padding:0}.sidebar nav{display:none}.sidebar-footer{margin:0 0 0 auto;padding:0;border:0}.sidebar-footer>div:not(.avatar){display:none}.workspace{padding:24px 16px 32px}.topbar{align-items:flex-start}.topbar h1{font-size:21px}.phone-health{display:none}.top-actions{gap:7px}.presence{padding:0 9px}.metrics{grid-template-columns:1fr 1fr}.metrics article{padding:14px}.metric-icon{display:none}.metrics strong{font-size:19px}.phone-card{min-height:auto;padding:22px 18px}.right-rail{grid-template-columns:1fr}.dialer{margin-top:25px}.work-grid{grid-template-columns:1fr}}@media(max-width:430px){.metrics{grid-template-columns:1fr}.metrics article{align-items:center}.metrics span,.metrics small{white-space:normal}.topbar{display:block}.top-actions{margin-top:16px}.dialpad{gap-inline:8px}.call-actions{gap:16px}.call-primary-actions{flex-direction:column}}