body{margin:0;font-family:Inter,sans-serif}.poppins{font-family:Poppins,sans-serif}.rem{font-family:REM,sans-serif}*{padding:0;margin:0}a{text-decoration:none;color:inherit}.app{display:flex}.dashboard{display:flex;flex-direction:column;height:100vh;width:80vw}.board-top{height:91px;width:80vw}.board-hr{width:80vw;background-color:#aeaeae;height:1.7px;opacity:.3}.board-input{background-color:#ececec;border:none;margin-top:30px;margin-left:40px;height:27px;width:230px;border-radius:10px;padding-left:37px}.dash-input:focus{outline:none}.searchbar{position:relative}.lens{position:absolute;top:37px;left:55px;height:15px;width:15px}.dash-input::placeholder{font-size:11px}.dashboard-body{margin-left:40px;padding-top:15px;margin-right:40px;display:flex;flex-direction:column}.section{color:#616161;font-weight:500;font-size:13px}.charts{display:flex;flex-direction:column;gap:2vh}.chart-1{margin-top:20px;display:flex;justify-content:space-between}.widget-1{border-radius:10px;height:13vh;width:16vw;border:1.5px solid #b1b1b1;display:flex;justify-content:start;align-items:center;padding-left:12px}.img-container{height:23px;width:23px;background-color:#ececec;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-right:5px}.payments{height:15px;width:15px;background-color:#ececec}.ul-text{color:#616161;font-size:10px;letter-spacing:.001em;margin-bottom:3px}.ul{font-weight:700;margin-left:3px;font-size:13px}.chart-2{display:flex;justify-content:space-between}.widget-2{border:1.5px solid #b1b1b1;height:30vh;border-radius:10px}.chart-2-1{width:55.2vw;display:flex;flex-direction:column;overflow:hidden}.chart-2-2{width:17vw}.chart-2-1-heading,.chart-2-2-heading{font-size:10px;font-weight:600;color:#616161;padding-left:15px;padding-top:10px}.chart-2-1-graph{padding:5px 15px;height:85%}.chart-2-1-graph{flex:1;padding:2px 15px 10px;position:relative;min-height:0}.chart-2-1{display:flex;flex-direction:column}.widget-2{height:30vh}.chart-2-1-graph canvas{width:100%!important;height:100%!important}.chart-3{border:1.5px solid #b1b1b1;height:30vh;border-radius:10px;margin-bottom:5px;overflow-y:auto;position:relative}.dash-table-head{display:flex;justify-content:space-between;padding:12px 20px;background-color:#eaecf0;font-size:11px;font-weight:600;color:#616161;position:sticky;top:0;z-index:10;width:100%;box-sizing:border-box}.employee-lines-dash{display:grid;grid-template-columns:45px 1fr 1fr 1fr 1fr 80px;align-items:center;padding:5px 15px;border-radius:12px 12px 0 0;font-size:11px;font-weight:500}.dash-hr{width:74vw;background-color:#aeaeae;height:1.7px;opacity:.3}.chart-2-2-data{padding:10px 20px;max-height:85%;color:#616161;font-size:11px;margin-top:5px;overflow-y:auto;height:20vh}.chart-2-2-data::-webkit-scrollbar{display:none}.activity-feed-row{margin-bottom:8px}.leads{display:flex;flex-direction:column;height:100vh;width:80vw}.leads-input:focus{outline:none}.leads-input::placeholder{font-size:11px}.leads-body{margin-left:40px;padding-top:20px;margin-right:40px;display:flex;flex-direction:column}.leads-section{color:#616161;display:flex;justify-content:space-between;font-weight:500;font-size:13px}.add-section{display:flex;gap:20px;position:relative;bottom:8px}.add-butoon{background-color:#d9d9d9;border-radius:8px;padding:10px;width:110px;text-align:center;cursor:pointer}.leads-table{border:1.5px solid #8d8181;height:75vh;width:100%;border-radius:15px;position:relative;overflow:hidden}.leads-line{width:100%;background-color:#b1b1b1;height:1.8px;opacity:.3}.leads-email{margin-left:20px}.add-new-lead{z-index:10;height:75vh;border:1.5px solid #655a5a;width:50%;position:absolute;bottom:-5px;background-color:#fff;left:18vw;border-radius:5px;padding-left:19px;display:flex;flex-direction:column;gap:12px;padding-top:10px}.add-text{display:flex;margin-top:10px;justify-content:space-between;margin-right:20px;font-weight:500;font-size:15px}.close{height:17px;width:17px;cursor:pointer}.label{font-size:14px;color:#5e5e5e}.lead-input{border-radius:5px;border:1.5px solid #3e3e3e;width:28vw;height:25px;border-width:.94px;margin-top:1px;padding:5px 5px 5px 15px;font-size:13px}.lead-input:focus{outline:none}.save-btn{margin-top:15px;margin-left:10px;background-color:#d9d9d9;height:33px;width:140px;text-align:center;padding-top:10px;border-radius:10px;cursor:pointer;color:#636060}.pagination-container-leads{width:96%;display:flex;justify-content:space-between;align-items:center;margin-top:25px;padding:10px 20px;position:absolute;bottom:5px}.pagi-btn{display:flex;justify-content:center;align-items:center;gap:5px}.arrow{height:12px;width:10px}.leads-table-head,.leads-row{display:grid;align-items:center;padding:9px 10px;gap:10px;text-align:left}.leads-table-head{grid-template-columns:30px 1.2fr 1.8fr 1fr 1fr 1fr .8fr 1.2fr 1fr .8fr 1fr;font-size:11px;font-weight:600;color:#616161;padding-bottom:10px}.leads-row{grid-template-columns:30px 1.2fr 1.8fr 1fr 1fr 1fr .8fr 1.2fr 1fr .8fr 1fr;border:1px solid #8d8181;border-radius:10px;margin:9px 5px;background-color:#fff;font-size:10px;color:#1a1a1a;min-height:15px;background-color:#f7f7f7;font-weight:500}.csv-modal{height:75vh;display:flex;justify-content:center;align-items:center;z-index:20;box-shadow:1px;width:50%;position:absolute;bottom:-5px;left:18vw}.csv-box{width:440px;background:#fff;border-radius:12px;padding:18px;box-shadow:5px 5px 15px #b9b9b9}.csv-header{display:flex;justify-content:space-between;align-items:center}.csv-sub{font-size:11px;color:gray}.csv-close{cursor:pointer}.csv-drop{border:1px dashed #494949;border-radius:10px;padding:25px;text-align:center;margin:20px 0}.csv-icon{font-size:28px}.csv-or-txt{margin:10px 0;color:gray}.csv-or-line{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;margin:12px 0}.csv-side-line{height:1px;width:90px;border-top:1px solid #bcbcbc}.csv-browse{padding:8px 14px;border-radius:8px;cursor:pointer;display:inline-block;border:2px solid rgb(48,48,48)}.csv-sample{font-size:10px;margin-top:10px;color:#888}.csv-footer{display:flex;justify-content:flex-end;gap:10px}.cancel{background-color:#fff;border:1px solid rgb(109,109,109,.5);width:90px;border-radius:6px;font-weight:600}.csv-next{width:90px;display:flex;align-items:center;justify-content:center;gap:2px;background:#222;color:#fff;padding:6px 14px;border-radius:6px;font-weight:600}.progress-box{display:flex;flex-direction:column;align-items:center}.progress-circle{position:relative}.progress-circle svg circle{fill:none;stroke-width:6}.progress-circle svg circle:first-child{stroke:#eee}.progress-circle svg circle:last-child{stroke:#111;stroke-dasharray:213;transition:stroke-dashoffset .3s linear}.progress-text{position:absolute;inset:0;display:flex;justify-content:center;align-items:center;font-weight:600}.verifying{margin-top:10px;font-size:13px;color:#444}button{cursor:pointer}.csv-sample{margin-top:8px;font-size:12px;color:#8a8a8a;display:flex;justify-content:space-between;align-items:center;border:1px solid rgb(173,173,173,.5);border-radius:5px;padding:1px 3px}.csv-download{width:16px;height:16px;cursor:pointer;opacity:.7}.csv-download:hover{opacity:1}.lens{cursor:pointer}.csv-drop.drag-active{border:2px dashed #7a7a7a;background:#f3f3f3}.employees-body{margin-left:40px;padding-top:20px;margin-right:40px;display:flex;flex-direction:column;position:relative}.employees-section{color:#616161;display:flex;justify-content:space-between;font-weight:500;font-size:13px}.employees-table{border:1.5px solid #8d8181;height:64.5vh;width:100%;border-radius:15px}.add-new-employee{z-index:10;position:absolute;border:1.5px solid #8d8181;height:78vh;width:73vw;border-radius:10px;padding:15px;top:2px;left:-25px;background-color:#fff}.black-body{position:fixed;height:100vh;width:100vw;opacity:.5;background-color:#000;z-index:0;top:0;left:0}.employee-input{border-radius:5px;border:1.5px solid #3e3e3e;width:28vw;height:25px;border-width:.94px;margin-top:1px;padding:5px 5px 5px 15px;font-size:13px}.employee-input-section{margin-top:30px;margin-left:15px;display:flex;flex-direction:column;gap:15px}.employee-name .name{font-weight:600}.employee-name .email{font-size:12px;color:#7a7a7a}.status.active{background:#e9f9ef;color:#1e9b4b;padding:4px 10px;border-radius:20px;text-align:center;font-size:12px}.status.inactive{background:#fdecec;color:#e24a4a;padding:4px 10px;border-radius:20px;text-align:center;font-size:12px}.menu{cursor:pointer;font-size:18px}.initials{height:35px;width:35px;border-radius:50%;color:#c65a3a;background-color:#fdede4;display:flex;justify-content:center;align-items:center}.employees-table-head,.employee-lines{display:grid;grid-template-columns:45px 50px 2fr 1.5fr 1fr 1fr 1fr 40px;align-items:center;padding:5px 16px;border-radius:12px 12px 0 0}.employees-table-head{background-color:#f9fafb;border-bottom:1px solid #eaecf0;font-size:12px;font-weight:600;color:#667085;padding:15px 0}.employee-lines{font-size:12px;font-weight:500;border-top:1px solid #aeaeae;padding:9.5px 10px;border-radius:0}.gray-bg{background-color:#f4f4f4;border-radius:0}.empl-container{border-bottom:1px solid #aeaeae}input[type=checkbox]{cursor:pointer}.edit-icons{height:10px;width:10px}.icon-container{display:flex;justify-content:center;align-items:center;height:15px;width:15px;background-color:#ffeffd}.menu-wrapper{position:relative}.menu-popup{position:absolute;right:0;top:28px;background:#fff;border:1px solid #e4e4e4;border-radius:8px;width:110px;box-shadow:0 8px 16px #00000014;z-index:20;overflow:hidden}.menu-item{padding:8px 12px;font-size:13px;cursor:pointer;display:flex;align-items:center;gap:8px}.menu-item:hover{background-color:#f4f4f4}.pagination-container{display:flex;justify-content:space-between;align-items:center;margin-top:25px}.pagi-btn{border:1px solid #d0d5dd;background:#fff;padding:6px 14px;border-radius:6px;cursor:pointer;font-size:13px}.pagi-btn:hover{background:#f3f4f6}.page-numbers{display:flex;gap:6px}.page-item{border:1px solid #d0d5dd;padding:6px 10px;border-radius:6px;font-size:13px;cursor:pointer}.page-item:hover{background:#f3f4f6}.active-page{background:#d2d1d1;color:#000}.page-dots{padding:6px 10px;color:#777}.settings-body{margin-left:40px;padding-top:20px;margin-right:40px;display:flex;flex-direction:column}.settings-table{border:1.5px solid #b1b1b1;height:73vh;width:100%;border-radius:15px;position:relative;overflow:hidden;margin-top:20px}.edit-text{margin-left:22px;margin-top:20px;font-weight:600;font-size:13px;color:#747474}.edit-hr{width:73vw;background-color:#aeaeae;height:1.7px;opacity:.3;margin-left:7px}.edit-underline{width:7vw;background-color:#747474;height:1.7px;opacity:.3;margin-left:7px}.profile-table{margin-left:20px;display:flex;gap:17px;flex-direction:column;margin-top:30px}.save-btn{margin-top:15px;margin-left:10px;background-color:#d9d9d9;height:33px;width:140px;text-align:center;padding-top:10px;border-radius:10px;cursor:pointer;color:#636060;position:absolute;right:20px;bottom:30px}.profile-input{border-radius:5px;border:1.5px solid #3e3e3e;width:28vw;height:25px;border-width:.94px;margin-top:1px;padding:5px 5px 5px 15px;font-size:13px;color:#636060}.profile-input:focus{outline:none}.navbar{display:flex;flex-direction:column;height:100vh;width:20vw;background-color:#d9d9d9}.title{margin:35px 30px;font-size:18px;font-weight:600}.crm{color:#0003d0}.hr{width:20vw;background-color:#aeaeae;height:1.7px;opacity:.3}.navlist{margin-top:15px;display:flex;flex-direction:column;gap:25px;margin-left:20px;list-style-type:none;font-size:18px;font-weight:600}.navitem{cursor:pointer;padding-left:7px}.selected-nav{background-color:#a7a7a7;width:90%;height:30px;color:#fff;border-radius:8px;display:flex;align-items:center}