:root{color:#182238;font-synthesis:none;background:#f4f6fa;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}.screen-center{text-align:center;color:#667085;place-content:center;min-height:100vh;display:grid}.spinner{border:4px solid #e4e2fc;border-top-color:#625bd7;border-radius:50%;width:38px;height:38px;margin:auto;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.login-shell{background:#fff;grid-template-columns:1.1fr .9fr;min-height:100vh;display:grid}.login-brand{color:#fff;background:radial-gradient(circle at 10% 10%,#7e76ef55,#0000 35%),linear-gradient(145deg,#222742,#343155);flex-direction:column;justify-content:center;padding:7vw;display:flex}.login-logo{background:#7068df;border-radius:18px;place-items:center;width:64px;height:64px;font-weight:900;display:grid;box-shadow:0 15px 40px #17182d70}.login-brand>p{letter-spacing:2px;color:#bcb9ee;margin:18px 0 28px;font-size:11px;font-weight:800}.login-brand h1{letter-spacing:-2.5px;max-width:760px;margin:0;font-size:clamp(34px,4vw,62px);line-height:1.05}.login-brand>span{color:#c7c9da;max-width:600px;margin-top:22px;line-height:1.7}.login-points{flex-wrap:wrap;gap:12px;margin-top:55px;display:flex}.login-points>div{background:#ffffff0b;border:1px solid #ffffff16;border-radius:12px;gap:10px;min-width:190px;padding:13px 15px;display:flex}.login-points i{color:#aaa5ff;font-style:normal}.login-points b{font-size:12px}.login-points small{color:#aaaec3;margin-top:4px;font-weight:400;display:block}.login-panel{place-items:center;padding:30px;display:grid}.login-panel form{width:min(410px,100%)}.mobile-logo{display:none}.login-panel form>small,.page-title small{color:#625bd7;letter-spacing:1.3px;font-size:10px;font-weight:900}.login-panel h2{letter-spacing:-.7px;margin:10px 0 6px;font-size:30px}.login-panel p{color:#858c9b;margin:0 0 28px}.login-panel label,.stack-form label{color:#505b6e;flex-direction:column;gap:7px;margin:14px 0;font-size:12px;font-weight:750;display:flex}.login-panel input,.stack-form input,.stack-form select,.stack-form textarea{color:#182238;background:#fff;border:1px solid #dfe3ea;border-radius:10px;outline:0;padding:12px}.login-panel input:focus,.stack-form input:focus,.stack-form select:focus,.stack-form textarea:focus{border-color:#7770df;box-shadow:0 0 0 3px #736bdf17}.login-panel form>button,.primary{color:#fff;background:#625bd7;border:0;border-radius:10px;width:100%;height:45px;margin-top:12px;font-weight:850;box-shadow:0 10px 25px #625bd72b}.login-panel form>button:disabled,.call-button:disabled{opacity:.45}.login-help{text-align:center;color:#969eac;margin-top:20px;font-size:11px;display:block}.form-error,.global-error{color:#c33e4b;background:#feecef;border:1px solid #f5cdd1;border-radius:9px;padding:10px 12px;font-size:12px}.app-shell{min-height:100vh;display:flex}.sidebar{z-index:30;background:#fff;border-right:1px solid #e4e8ef;flex-direction:column;width:260px;padding:22px 16px;display:flex;position:fixed;inset:0 auto 0 0}.brand{align-items:center;gap:10px;display:flex}.brand>span{color:#fff;background:#625bd7;border-radius:12px;place-items:center;width:42px;height:42px;font-size:12px;font-weight:900;display:grid}.brand strong{font-size:13px;display:block}.brand small{letter-spacing:1.5px;color:#969dad;margin-top:4px;font-size:7px;display:block}.secure-chip{color:#27805f;background:#f4fcf8;border:1px solid #d8ece2;border-radius:9px;margin:20px 2px 16px;padding:9px;font-size:9px;font-weight:800}.secure-chip i,.voice-status i{background:#25aa77;border-radius:50%;width:6px;height:6px;margin-right:6px;display:inline-block;box-shadow:0 0 0 3px #dcf3e9}.sidebar nav{flex:1}.sidebar nav button{color:#667085;text-align:left;background:0 0;border:0;border-radius:9px;align-items:center;gap:10px;width:100%;height:42px;margin:3px 0;padding:0 12px;font-size:12px;font-weight:700;display:flex}.sidebar nav button:hover,.sidebar nav button.active{color:#5d56cf;background:#efeeff}.sidebar nav button i{text-align:center;width:22px;font-style:normal}.sidebar nav button span{flex:1}.sidebar nav button b{color:#fff;background:#625bd7;border-radius:10px;padding:2px 6px;font-size:8px}.identity{border-top:1px solid #e9ecf1;align-items:center;gap:9px;padding:16px 3px 0;display:flex}.identity>span,.avatar{color:#fff;background:#283149;border:0;border-radius:10px;place-items:center;width:34px;height:34px;font-size:10px;font-weight:850;display:grid}.identity div{flex:1}.identity strong{font-size:10px;display:block}.identity small{color:#949cab;margin-top:3px;font-size:8px;display:block}.identity button{color:#9098a6;background:0 0;border:0}.workspace{width:calc(100% - 260px);margin-left:260px}.topbar{z-index:20;background:#fff;border-bottom:1px solid #e5e8ee;align-items:center;height:70px;padding:0 28px;display:flex;position:sticky;top:0}.topbar>div:first-child small{color:#9aa1af;letter-spacing:1px;font-size:7px;font-weight:900;display:block}.topbar>div:first-child strong{margin-top:3px;font-size:14px;display:block}.top-actions{align-items:center;gap:8px;margin-left:auto;display:flex}.voice-status{color:#347b61;background:#f6fcf9;border:1px solid #dcebe4;border-radius:8px;align-items:center;height:33px;padding:0 10px;font-size:9px;font-weight:750;display:flex}.bell{color:#677083;background:#fff;border:1px solid #e1e4ea;border-radius:9px;width:34px;height:34px;position:relative}.bell b{color:#fff;background:#e95765;border:2px solid #fff;border-radius:9px;padding:1px 4px;font-size:7px;position:absolute;top:-5px;right:-4px}.password-banner{background:#fff7e7;border:1px solid #efdcb1;border-radius:10px;align-items:center;gap:10px;margin:18px 28px 0;padding:10px 13px;display:flex}.password-banner>span{color:#fff;background:#e7a23c;border-radius:8px;place-items:center;width:28px;height:28px;font-weight:900;display:grid}.password-banner p{flex:1;margin:0}.password-banner strong{font-size:11px;display:block}.password-banner small{color:#967344;margin-top:2px;font-size:9px;display:block}.password-banner button{color:#99691f;background:#fff;border:1px solid #e2c88f;border-radius:7px;padding:7px 10px;font-size:9px;font-weight:800}.global-error{justify-content:space-between;margin:18px 28px 0;display:flex}.global-error button{color:inherit;background:0 0;border:0}.page{max-width:1500px;margin:auto;padding:30px 28px 48px}.page-title{justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:22px;display:flex}.page-title h1{letter-spacing:-.7px;margin:6px 0;font-size:27px}.page-title p{color:#7d8595;margin:0;font-size:12px}.page-title>select{color:#5e6675;background:#fff;border:1px solid #dddfe7;border-radius:9px;padding:9px 12px;font-size:10px;font-weight:750}.page-title>.primary{width:auto;height:38px;margin:0;padding:0 15px}.page-actions{gap:7px;display:flex}.page-actions>button{color:#5e57cf;background:#fff;border:1px solid #dfddec;border-radius:9px;height:38px;padding:0 13px;font-size:10px;font-weight:800}.page-actions>.primary{color:#fff;background:#625bd7;border-color:#625bd7;width:auto;margin:0}.kpi-grid{grid-template-columns:repeat(5,1fr);gap:12px;margin-bottom:15px;display:grid}.kpi-grid.four{grid-template-columns:repeat(4,1fr)}.kpi{background:#fff;border:1px solid #e4e7ed;border-radius:12px;min-height:105px;padding:16px;position:relative}.kpi:after{content:"";background:#aeb5c0;border-radius:50%;width:8px;height:8px;position:absolute;top:15px;right:15px}.kpi.violet:after{background:#6d65de}.kpi.blue:after{background:#4b85e3}.kpi.green:after{background:#24a876}.kpi.amber:after{background:#e1a03d}.kpi.pink:after{background:#e65b7b}.kpi span{color:#8c95a4;font-size:9px;font-weight:850;display:block}.kpi strong{margin:10px 0 3px;font-size:26px;display:block}.kpi small{color:#929aa8;font-size:8px}.dashboard-grid{grid-template-columns:1.2fr .8fr;gap:14px;display:grid}.card{background:#fff;border:1px solid #e4e7ed;border-radius:12px;overflow:hidden}.card-head{border-bottom:1px solid #edf0f3;align-items:center;min-height:62px;padding:0 16px;display:flex}.card-head h2{margin:0;font-size:13px}.card-head p{color:#9aa1af;margin:4px 0 0;font-size:9px}.action-card>button{text-align:left;background:#fff;border:0;border-top:1px solid #eef0f3;align-items:center;gap:11px;width:100%;min-height:68px;padding:10px 15px;display:flex}.action-card>button:hover{background:#faf9ff}.action-card>button i{border-radius:9px;place-items:center;width:34px;height:34px;font-style:normal;display:grid}.action-card i.amber{color:#b7771b;background:#fff2df}.action-card i.violet{color:#625bd4;background:#eceaff}.action-card i.blue{color:#3d78c8;background:#e9f2ff}.action-card>button span{flex:1}.action-card b{font-size:11px;display:block}.action-card small{color:#949cab;margin-top:3px;font-size:9px;display:block}.action-card>button>strong{color:#625bd4;font-size:9px}.security-card ul{margin:0;padding:14px 18px;list-style:none}.security-card li{color:#667085;border-bottom:1px solid #eef0f3;align-items:center;gap:8px;padding:12px 0;font-size:10px;display:flex}.security-card li:last-child{border:0}.security-card li span{color:#21855f;background:#e7f6ef;border-radius:6px;place-items:center;width:20px;height:20px;font-size:8px;display:grid}.toolbar{align-items:center;gap:8px;margin-bottom:12px;display:flex}.toolbar label{color:#979eab;background:#fff;border:1px solid #e0e3e8;border-radius:9px;align-items:center;gap:7px;width:min(500px,50vw);height:38px;padding:0 10px;display:flex}.toolbar input{border:0;outline:0;flex:1;font-size:11px}.toolbar button{color:#fff;background:#625bd7;border:0;border-radius:9px;height:38px;padding:0 14px;font-size:10px;font-weight:800}.toolbar span{color:#8c94a3;margin-left:auto;font-size:9px}.table-card{overflow:auto}.lead-head,.lead-row{grid-template-columns:1.3fr 1.1fr .65fr .9fr 1fr;align-items:center;gap:10px;min-width:900px;padding:0 15px;display:grid}.employee-head,.employee-row{grid-template-columns:1.4fr .8fr .9fr .7fr .65fr;align-items:center;gap:10px;min-width:850px;padding:0 15px;display:grid}.follow-head,.follow-row{grid-template-columns:1.2fr .9fr .6fr .7fr;align-items:center;gap:10px;min-width:720px;padding:0 15px;display:grid}.call-head,.call-row{grid-template-columns:1fr .9fr .5fr .8fr 1.2fr;align-items:center;gap:10px;min-width:850px;padding:0 15px;display:grid}.lead-head,.employee-head,.follow-head,.call-head{color:#98a0ae;background:#fafafd;height:34px;font-size:8px;font-weight:850}.lead-row,.employee-row,.follow-row,.call-row{border-top:1px solid #eef0f3;min-height:66px;font-size:10px}.lead-row b,.employee-row b,.follow-row b,.call-row b{font-size:10px;display:block}.lead-row small,.employee-row small,.follow-row small,.call-row small{color:#959dab;margin-top:4px;font-size:8px;display:block}.lead-row em,.employee-row em,.follow-row em{border-radius:9px;padding:5px 7px;font-size:8px;font-style:normal;font-weight:800}.sla-label{text-transform:capitalize;font-weight:750;margin-top:7px!important}.sla-label.met{color:#16875f}.sla-label.pending{color:#b57317}.sla-label.breached,.sla-label.late{color:#ca4654}.neutral{color:#6a7383;background:#eef0f4}.green{color:#16875f;background:#e7f7ef}.amber{color:#b57317;background:#fff2df}.violet{color:#5f58cf;background:#eceaff}.red{color:#ca4654;background:#feecef}.row-actions,.follow-row>span:last-child{gap:5px;display:flex}.row-actions button,.follow-row button,.employee-row button{color:#5f58cf;background:#f5f4ff;border:1px solid #dedcec;border-radius:7px;height:29px;padding:0 9px;font-size:8px;font-weight:800}.employee-row button.danger{color:#c74754;background:#fff4f5;border-color:#f2d4d7}.employee-actions{flex-wrap:wrap;gap:4px;display:flex}.employee-actions button{padding:0 6px}.employee-row button:disabled{opacity:.35}.call-row audio{width:210px;height:30px}.employee-call-report{margin-bottom:13px}.call-row select{background:#fff;border:1px solid #dddff0;border-radius:7px;width:100%;margin-top:6px;padding:4px;font-size:8px}.empty{text-align:center;color:#8e96a4;padding:45px}.empty span{font-size:24px}.empty p{font-size:11px}.policy{background:linear-gradient(90deg,#efedff,#fff);border:1px solid #dcd8ff;border-radius:11px;align-items:center;gap:10px;margin-bottom:13px;padding:13px 15px;display:flex}.policy i{color:#fff;background:#625bd7;border-radius:9px;place-items:center;width:34px;height:34px;font-style:normal;display:grid}.policy p{flex:1;margin:0}.policy strong{font-size:11px;display:block}.policy small{color:#737c8d;margin-top:3px;font-size:9px;display:block}.policy .webhook-url{overflow-wrap:anywhere;max-width:680px}.policy>button,.secondary-button{color:#5b54c5;white-space:nowrap;background:#fff;border:1px solid #cfcbed;border-radius:8px;padding:8px 10px;font-size:9px;font-weight:800;text-decoration:none}.policy>button:disabled{opacity:.45}.compact-policy{margin-top:16px;margin-bottom:0}.integration-error{margin-bottom:13px}.integration-success{color:#267454;background:#effaf4;border:1px solid #bfe5d2;border-radius:10px;margin:0 0 13px;padding:11px 13px;font-size:11px;font-weight:750}.google-sheet-policy{background:linear-gradient(90deg,#edf9f2,#fff);border-color:#bee3ce}.google-sheet-policy i{background:#22835c;font-weight:900}.integration-grid{grid-template-columns:1.15fr .85fr;gap:14px;margin-bottom:14px;display:grid}.integration-card>.stack-form{padding:16px}.setup-card ol{color:#5f6878;margin:0;padding:16px 20px 10px 34px;font-size:10px;line-height:1.7}.setup-status{background:#f4f3ff;border:1px solid #dfdcff;border-radius:9px;margin:5px 16px 16px;padding:12px}.setup-status b,.setup-status small{display:block}.setup-status b{color:#5f58cf;font-size:10px}.setup-status small{color:#868e9d;margin-top:4px;font-size:8px}.forms-card,.event-card{margin-top:14px}.form-map-head,.form-map-row{grid-template-columns:1.15fr .7fr 1fr .8fr;align-items:center;gap:9px;min-width:820px;padding:9px 15px;display:grid}.forms-card{overflow:auto}.form-map-head{color:#98a0ae;background:#fafafd;font-size:8px;font-weight:850}.form-map-row{border-top:1px solid #eef0f3}.form-map-row b,.form-map-row small{display:block}.form-map-row b{font-size:10px}.form-map-row small{color:#959dab;margin-top:4px;font-size:8px}.form-map-row input,.form-map-row select{color:#283149;background:#fff;border:1px solid #dfe3ea;border-radius:8px;width:100%;min-width:0;padding:9px;font-size:9px}.event-row{border-top:1px solid #eef0f3;grid-template-columns:.8fr 1.4fr .7fr;align-items:center;gap:12px;min-height:58px;padding:8px 15px;display:grid}.event-row b,.event-row small{display:block}.event-row b{text-transform:capitalize;font-size:10px}.event-row small,.event-row time{color:#929aa8;margin-top:3px;font-size:8px}.modal-backdrop{z-index:100;background:#17203777;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal{background:#fff;border-radius:14px;width:min(520px,96vw);max-height:92vh;overflow:auto;box-shadow:0 25px 80px #0f162d55}.modal>header{border-bottom:1px solid #eceef2;align-items:center;height:58px;padding:0 17px;display:flex}.modal>header h2{flex:1;margin:0;font-size:15px}.modal>header button{color:#8a92a0;background:0 0;border:0;font-size:21px}.modal>.stack-form,.modal>.credential,.modal>.dialer,.modal>.lead360{padding:17px}.lead360-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.lead360-grid>span,.lead360-notes{border:1px solid #e6e8ee;border-radius:9px;padding:10px}.lead360-grid small,.lead360-notes small{color:#929aa8;margin-bottom:5px;font-size:8px;font-weight:850;display:block}.lead360-grid b{color:#354052;overflow-wrap:anywhere;text-transform:capitalize;font-size:10px;display:block}.lead360-notes{margin-top:8px}.lead360-notes p{color:#5f6878;margin:0;font-size:10px;line-height:1.5}.lead360>h3{margin:18px 0 9px;font-size:12px}.lead360-timeline article{border-top:1px solid #edf0f3;grid-template-columns:10px 1fr auto;gap:8px;padding:10px 0;display:grid}.lead360-timeline i{background:#665ed8;border-radius:50%;width:7px;height:7px;margin-top:3px}.lead360-timeline b{color:#3d4758;text-transform:capitalize;font-size:9px;display:block}.lead360-timeline p{color:#7c8594;margin:3px 0 0;font-size:9px}.lead360-timeline time{color:#9aa1af;white-space:nowrap;font-size:8px}.stack-form textarea{resize:vertical;min-height:75px}.stack-form label small{color:#929aa8}.split{grid-template-columns:1fr 1fr;gap:10px;display:grid}.stack-form fieldset{border:1px solid #e1e4ea;border-radius:10px;margin:15px 0;padding:10px}.stack-form legend{color:#687284;font-size:10px;font-weight:850}.stack-form label.check{flex-direction:row;align-items:center;margin:8px 0;font-weight:600}.stack-form label.check input{width:auto}.credential{text-align:center}.credential>span{color:#8d95a4;font-size:9px;font-weight:850}.credential h3{letter-spacing:1px;color:#514ac0;background:#f0efff;border:1px dashed #a9a3eb;border-radius:10px;padding:15px;font-family:ui-monospace,monospace}.credential p{color:#737c8d;font-size:10px;line-height:1.6}.dial-person{align-items:center;gap:10px;display:flex}.dial-person>span{color:#625bd4;background:#eceaff;border-radius:12px;place-items:center;width:44px;height:44px;font-weight:900;display:grid}.dial-person>div{flex:1}.dial-person h3{margin:0;font-size:14px}.dial-person p{color:#8e96a5;margin:4px 0 0;font-size:9px}.dial-person>b{text-transform:uppercase;color:#5f58cf;background:#f0efff;border-radius:9px;padding:5px 8px;font-size:8px}.consent{background:#fff7e8;border:1px solid #f0deb7;border-radius:9px;align-items:flex-start;padding:10px;flex-direction:row!important;gap:9px!important;margin-top:18px!important;display:flex!important}.consent input{margin-top:2px;width:auto!important}.consent b{font-size:10px;display:block}.consent small{color:#8f7040;margin-top:3px;font-size:8px;line-height:1.5;display:block}.call-button{color:#fff;background:#22a675;border:0;border-radius:10px;width:100%;height:46px;margin-top:12px;font-weight:850}.active-call{text-align:center;padding:30px 0 5px}.active-call>span{font-variant-numeric:tabular-nums;letter-spacing:-1px;font-size:42px;display:block}.active-call small{color:#7d8595;margin:5px 0 20px;display:block}.active-call button{color:#fff;background:#e95764;border:0;border-radius:10px;height:42px;padding:0 20px;font-weight:800}.call-outcome{padding:18px 0 0!important}@media (width<=1050px){.kpi-grid{grid-template-columns:repeat(3,1fr)}.dashboard-grid,.integration-grid,.login-shell{grid-template-columns:1fr}.login-brand{display:none}.mobile-logo{color:#fff;background:#625bd7;border-radius:13px;place-items:center;width:50px;height:50px;margin-bottom:22px;font-weight:900;display:grid}.login-panel{min-height:100vh}}@media (width<=760px){.sidebar{width:72px;padding:15px 9px}.brand>div,.secure-chip,.sidebar nav button span,.sidebar nav button b,.identity div,.identity button{display:none}.brand{justify-content:center}.sidebar nav button{justify-content:center;padding:0}.identity{justify-content:center}.workspace{width:calc(100% - 72px);margin-left:72px}.topbar{padding:0 14px}.voice-status{display:none}.page{padding:22px 14px}.page-title{align-items:flex-start}.page-title h1{font-size:22px}.page-title p{max-width:480px}.kpi-grid,.kpi-grid.four{grid-template-columns:repeat(2,1fr)}.toolbar label{width:100%}.toolbar span{display:none}}@media (width<=520px){.page-title>.primary{display:none}.kpi-grid,.kpi-grid.four{grid-template-columns:1fr 1fr}.kpi{min-height:90px;padding:12px}.kpi strong{font-size:21px}.topbar>div:first-child small{display:none}.topbar>div:first-child strong{font-size:12px}.password-banner{margin:12px 12px 0}.password-banner button{display:none}.split{grid-template-columns:1fr}.modal-backdrop{padding:8px}.modal{max-height:96vh}}
