@charset "UTF-8";@import"https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700;900&display=swap";*{margin:0;padding:0;box-sizing:border-box;font-family:Roboto,sans-serif}body{background-color:#f5f5f5}.Alert{position:fixed;right:20px;bottom:50px;z-index:100000000}.reset-btn{background:#ffffff26;color:#fff;border:2px solid rgba(255,255,255,.3);padding:12px 24px;border-radius:25px;font-weight:600;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.reset-btn:hover{background:#ffffff40;transform:translateY(-2px)}.alerts-container{max-width:200px;margin:0 auto;display:flex;flex-direction:column;gap:20px}.alert{width:450px;background:#fff;border-radius:8px;padding:15px 24px;display:flex;align-items:flex-start;gap:25px;position:relative;overflow:hidden;box-shadow:0 8px 32px #0000001a;animation:slideIn .5s ease-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2)}@keyframes alert-progress-bar{0%{width:100%}to{width:0%}}.alert-progress{background:#4caf50;transition:width .2s}.success-progress{background:#4caf50}.invalid-progress{background:#f44336}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.alert-icon{flex-shrink:0;width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;animation:pulse 2s infinite}.alert-icon svg{width:24px;height:24px}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.error-alert .alert-icon{background:linear-gradient(135deg,#ff6b6b,#ee5a24);color:#fff}.success-alert .alert-icon{background:linear-gradient(135deg,#91c254,#91c254);color:#fff}.invalid-alert .alert-icon{background:linear-gradient(135deg,#ffa726,#ff7043);color:#fff}.alert-content{flex:1}.alert-title{font-size:1.25rem;font-weight:700;margin-bottom:8px;color:#2d3748}.alert-message{color:#4a5568;line-height:1.5;margin-bottom:12px}.alert-badge{display:inline-flex;align-items:center;padding:6px 12px;border-radius:20px;font-size:.875rem;font-weight:600;animation:fadeInUp .6s ease-out .2s both}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.error-alert .alert-badge{background:linear-gradient(135deg,#ff6b6b,#ee5a24);color:#fff}.success-badge{background:linear-gradient(135deg,#4caf50,#4caf50);color:#fff}.invalid-badge{background:linear-gradient(135deg,#ffa726,#ff7043);color:#fff}.close-btn{flex-shrink:0;width:32px;height:32px;border:none;background:#0000000d;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;color:#718096}.close-btn:hover{background:#0000001a;transform:rotate(90deg)}.close-btn svg{width:16px;height:16px}.alert-progress{position:absolute;bottom:0;left:0;height:4px;border-radius:0 0 16px 16px;animation:progressBar 5s linear}@keyframes progressBar{0%{width:100%}to{width:0%}}.error-alert .alert-progress{background:linear-gradient(90deg,#ff6b6b,#ee5a24)}.success-progress{background:linear-gradient(90deg,#4caf50,#4caf50)}.invalid-progress{background:linear-gradient(90deg,#ffa726,#ff7043)}.demo-controls{max-width:600px;margin:40px auto 0;display:flex;gap:16px;justify-content:center;flex-wrap:wrap}.demo-btn{padding:12px 24px;border:none;border-radius:25px;font-weight:600;cursor:pointer;transition:all .3s ease;color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.error-btn{background:linear-gradient(135deg,#ff6b6b,#ee5a24)}.success-btn{background:linear-gradient(135deg,#4caf50,#4caf50)}.invalid-btn{background:linear-gradient(135deg,#ffa726,#ff7043)}.demo-btn:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0003}@media (max-width: 768px){.demo-title{font-size:2rem}.alert{padding:20px}.alert-icon{width:40px;height:40px}.demo-controls{flex-direction:column;align-items:center}.demo-btn{width:200px}}.navBar_container{width:100%;position:fixed;top:0;z-index:10;background-color:#fff;border-bottom:1px solid #e0e0e0;display:flex;justify-content:flex-end;align-items:center;padding:20px 25px}.areaa{color:#9e9e9e;font-weight:500;font-size:11px;padding-bottom:2px;font-style:italic;text-transform:uppercase}.navBar_logo{display:flex;align-items:center;gap:20px;justify-content:center}.nav_icon{font-size:25px;cursor:pointer;color:#673a8f}.nav_bar_wearerData{display:flex;align-items:flex-end;gap:10px;color:#44b649;font-weight:700;font-size:18px;text-transform:uppercase}.nav_wearerInfo{display:flex;flex-direction:column;align-items:flex-end;gap:0px}.notificationContainer{position:fixed;z-index:10000}.notificationCard{background-color:#fff;width:450px;height:500px;position:fixed;right:25px;top:60px;border-radius:8px;box-shadow:0 4px 16px #0000001f;animation:slideIn .3s ease-out;padding:15px;display:flex;flex-direction:column}.wnamee{font-size:12px;color:#555;margin-top:-5px;font-style:italic}.addnoteicon{font-size:20px;color:#303030;cursor:pointer}.notyheader{flex:0 0 auto;padding-bottom:10px;border-bottom:1px solid #eee;font-weight:600}.notybody{flex:1 1 auto;overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column;gap:8px;padding-top:10px}.notificationCardItem{width:100%;cursor:pointer;display:flex;align-items:start;justify-content:center;flex-direction:column;border:1px solid #ccc;padding:15px;border-radius:4px;gap:8px}.notificationCardTitle{font-size:18px;font-weight:500;text-transform:capitalize}.notyActionCard{width:100%;display:flex;align-items:center;justify-content:space-between}.notyTimeCard{display:flex;gap:15px}.notyTime,.notyDate{display:flex;align-items:center;gap:4px;justify-content:center;font-size:14px;color:#303030}.notyactionCardBtn{display:flex;align-items:center;justify-content:center;gap:10px}.markReadTick{font-size:23px;cursor:pointer;color:#303030}.NotReadTick{color:#44b649}.notyDlt{color:red;font-size:20px;cursor:pointer}.notificationCardItemNoRead{border:1px solid #44b649;background-color:#44b64a11}.notificationCardHead{width:100%;display:flex;padding:0 5px 0 10px 0;align-items:center;justify-content:space-between}.notificationCardFoot{width:100%;display:flex;padding:10px 0 5px;align-items:center;justify-content:space-between}.notificationCardHeadTit{text-transform:uppercase;font-size:17px;font-weight:600}.notificationCardHeadIcon{font-size:23px;cursor:pointer;color:#303030}.notificationCardfootTit{cursor:pointer;text-transform:uppercase;font-style:italic;font-weight:600;font-size:12px;color:#30303090}.notificationCardfootTit:hover{color:#44b649}.sideBar_container{width:280px;height:100vh;position:fixed;top:0;left:0;background-color:#fff;border-right:1px solid #e0e0e0;display:flex;flex-direction:column;justify-content:space-between;align-items:center;padding:20px 0;z-index:11}.sideBar_container.sideBar_mobile{width:100%;max-width:320px;height:100vh;position:fixed;top:0;left:0;background-color:#fff;border-right:1px solid #e0e0e0;box-shadow:2px 0 10px #0000001a;z-index:1000}.sidebar_mobile_header{width:100%;display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.sidebar_close_btn{cursor:pointer;color:#673a8f;transition:color .2s ease}.sidebar_close_btn:hover{color:#4a2866}.sideBar_cont{width:100%;display:flex;flex-direction:column;justify-content:space-between;align-items:start;gap:50px;padding:0 25px}.sideBar_menu_Items{width:100%;display:flex;flex-direction:column;justify-content:start;align-items:start;gap:10px}.sideBar_menu_item_box{width:100%;display:flex;flex-direction:row;justify-content:start;align-items:center;padding:15px 20px;cursor:pointer;gap:20px;border-radius:5px;transition:all .2s ease}.sideBar_menu_item_box:hover{background-color:#673a8f;border-radius:5px;color:#fff}.sideBar_menu_item_box.active{background-color:#673a8f;color:#fff;border-radius:5px}.sideBar_menu_item{font-size:15px;font-weight:600;text-transform:uppercase}.side_bar_icon{font-size:23px}.sideBar_menu_item_divider{width:100%;display:flex;flex-direction:column;justify-content:start;align-items:start;gap:10px;padding-left:30px}.logout-header{background-color:#673a8f19;display:flex;justify-content:center;align-items:center;height:60px;width:60px;color:#673a8f;border-radius:100%;margin:0 auto}.logout-icon{font-size:30px;color:#673a8f}.sidebarLogo{max-width:150px;height:auto}@media (max-width: 1500px){.sideBar_container:not(.sideBar_mobile){display:none}}.sidebarOverlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#00000080;z-index:999;display:flex;justify-content:flex-start;align-items:stretch}.sidebarDrawer{background-color:#fff;width:100%;max-width:320px;height:100%;box-shadow:2px 0 10px #0000001a;transform:translate(-100%);animation:slideIn .3s ease-out forwards}@keyframes slideIn{to{transform:translate(0)}}.nav_burger_icon{display:flex;align-items:center;color:#673a8f;transition:color .2s ease}.nav_burger_icon:hover{color:#4a2866}.notes-modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#0006;display:flex;align-items:center;justify-content:center;z-index:1000000}.notes-modal-container{width:600px;max-height:85vh;background:#fff;border-radius:10px;box-shadow:0 2px 16px #0003;position:relative;display:flex;flex-direction:column;overflow:hidden}.notes-modal-content{display:flex;flex-direction:column;height:100%}.notes-modal-header{display:flex;width:100%;align-items:center;justify-content:space-between;padding:20px;border-bottom:1px solid #e0e0e0}.notes-modal-title{font-size:20px;font-weight:600;color:#333;margin:0;text-transform:uppercase}.notes-modal-close{font-size:24px;color:#666;cursor:pointer;transition:color .3s ease}.notes-modal-close:hover{color:#673a8f}.notes-modal-tabs{display:flex;border-bottom:1px solid #e0e0e0;padding:0 20px;gap:10px}.notes-tab{padding:12px 20px;background:none;border:none;border-bottom:3px solid transparent;cursor:pointer;font-size:15px;font-weight:500;color:#666;transition:all .3s ease;display:flex;align-items:center;gap:5px}.notes-tab:hover{color:#673a8f}.notes-tab-active{color:#673a8f;border-bottom-color:#673a8f}.notes-tab-icon{font-size:18px}.notes-modal-body{flex:1;overflow-y:auto;padding:20px}.notes-view-section{width:100%}.notes-list{display:flex;flex-direction:column;gap:15px}.note-item{background:#f9f9f9;border:1px solid #e0e0e0;border-radius:8px;padding:15px;transition:box-shadow .3s ease}.note-item:hover{box-shadow:0 2px 8px #673a8f1a}.note-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:10px;gap:10px}.note-title{font-size:16px;font-weight:600;color:#333;margin:0}.note-meta{display:flex;gap:15px;font-size:13px;color:#666}.note-date,.note-time{display:flex;align-items:center;gap:5px}.note-meta-icon{font-size:14px}.note-message{color:#555;line-height:1.6;margin:10px 0;font-size:14px}.note-footer{display:flex;justify-content:flex-end;padding-top:10px;border-top:1px solid #e0e0e0}.note-author{display:flex;align-items:center;gap:5px;font-size:13px;color:#673a8f;font-weight:500}.notes-empty-state{text-align:center;padding:40px 20px}.notes-empty-state p{color:#666;margin-bottom:20px;font-size:15px}.notes-add-first-btn{background-color:#673a8f;color:#fff;border:none;padding:10px 24px;border-radius:5px;font-size:15px;font-weight:500;cursor:pointer;transition:all .3s ease}.notes-add-first-btn:hover{background-color:#552f73}.notes-add-section{width:100%}.notes-form{width:100%;display:flex;flex-direction:column;gap:18px}.form-group{width:100%;display:flex;flex-direction:column;gap:8px}.form-label{font-size:15px;font-weight:500;color:#333}.form-input{width:100%;padding:10px 12px;border:1px solid #ccc;border-radius:5px;font-size:14px;transition:all .3s ease}.form-input:focus{outline:none;border-color:#673a8f;box-shadow:0 0 5px #673a8f80}.form-textarea{width:100%;resize:vertical;padding:10px 12px;border:1px solid #ccc;border-radius:5px;font-size:14px;font-family:inherit;transition:all .3s ease;min-height:100px}.form-textarea:focus{outline:none;border-color:#673a8f;box-shadow:0 0 5px #673a8f80}.form-actions{width:100%;display:flex;align-items:center;justify-content:flex-end;gap:10px;padding-top:10px}.btn-cancel{border:1px solid #673a8f;background-color:#fff;padding:10px 20px;border-radius:5px;color:#673a8f;font-weight:500;cursor:pointer;transition:all .3s ease;font-size:15px}.btn-cancel:hover{background-color:#f5f0f9}.btn-save{border:1px solid #673a8f;background-color:#673a8f;padding:10px 20px;border-radius:5px;color:#fff;font-weight:500;cursor:pointer;transition:all .3s ease;font-size:15px}.btn-save:hover{background-color:#552f73}.btn-save:disabled{background-color:#ccc;border-color:#ccc;cursor:not-allowed;opacity:.6}.notes-modal-body::-webkit-scrollbar{width:8px}.notes-modal-body::-webkit-scrollbar-track{background:#f1f1f1}.notes-modal-body::-webkit-scrollbar-thumb{background:#673a8f;border-radius:4px}.notes-modal-body::-webkit-scrollbar-thumb:hover{background:#552f73}.mainPage{position:relative;background-image:url(/bk.jpg);min-height:100vh;width:100%;background-size:cover;background-position:center;background-repeat:no-repeat;display:flex;align-items:center;justify-content:center;z-index:0}.mainPage:before{content:"";position:absolute;inset:0;background:#00000080;z-index:1}.loginContiner{background-color:#fff;border-radius:10px;box-shadow:0 4px 8px #0000001a;width:900px}.loginBox{display:flex;align-items:center;justify-content:center;position:relative;z-index:2;background-color:#fff;border-radius:10px}.loginTBox{flex:1}.loginLeftImg{background-image:url(/loginImg.png);background-size:cover;background-position:center;height:100%;height:600px;border-radius:0 25px 25px 0}.login_form_box{padding:35px;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;gap:35px}.login_h2{text-transform:uppercase;font-size:35px}.login_form_header{display:flex;flex-direction:column;align-items:center;gap:10px}.login_form{width:100%;display:flex;flex-direction:column;gap:15px}.inputDiv{display:flex;flex-direction:column;gap:5px}.from_lable{font-weight:500;font-size:18px}.from_input{padding:8px 10px;border:1px solid #ccc;border-radius:5px;font-size:16px}.from_input:focus{outline:none;border-color:#673a8f;box-shadow:0 0 5px #673a8f80}.loginBtn{background:#673a8f;color:#fff;border:none;padding:10px;border-radius:3px;font-size:16px;font-weight:600;cursor:pointer;transition:transform .2s,box-shadow .2s;margin-top:10px}.loginBtn:hover{box-shadow:0 10px 20px #8b5cf64d}.loginBtn:active{transform:translateY(0)}.dashone{width:1500px;margin:0 auto}.subContinerCard{width:100%;display:flex;gap:15px;flex-direction:column}.dashcon{width:100%;padding:100px 20px 20px 290px}.namedatarwo{display:flex;align-items:flex-start;justify-content:center;gap:3px;flex-direction:column}.wearerAreaa{font-size:15px;color:#6b7280;font-style:italic}.continercard{display:flex;gap:40px;flex-direction:column;padding:20px;border:1px solid #e0e0e0;border-radius:8px;background-color:#fff}.cardheader{display:flex;width:100%;justify-content:space-between;align-items:center}.titel{text-transform:uppercase}.controls{display:flex;gap:25px}.select_drop{padding:5px 10px;border:1px solid #e0e0e0;border-radius:5px;background-color:#fff;cursor:pointer;width:250px;font-size:15px}.searchBox{padding:5px 10px;border:1px solid #e0e0e0;border-radius:5px;background-color:#fff;cursor:pointer;width:250px;display:flex;align-items:center;gap:10px}.dateBox{padding:5px 10px;border:1px solid #e0e0e0;border-radius:5px;background-color:#fff;cursor:pointer;width:180px;display:flex}.dateInput{border:0;font-size:15px;width:100%;cursor:pointer}.searchInput{border:0;font-size:15px;width:90%}.searchIcon{color:#5d5d5d;font-size:18px}.searchInput:focus{outline:none}.statusSet{display:flex;gap:25px}.statusCard{display:flex;gap:5px;align-items:center;justify-content:center}.high{width:10px;height:10px;border-radius:100%;background-color:#ef4444}.Medium{width:10px;height:10px;border-radius:100%;background-color:#f59e0b}.Low{width:10px;height:10px;border-radius:100%;background-color:#91c254}.statusCardText{font-size:15px;color:#202020}.dataCardSet{display:flex;gap:25px;flex-wrap:wrap;align-items:center;justify-content:center}.dataCard{display:flex;flex-direction:row;align-items:center;border:1px solid #e0e0e0;border-radius:5px;background-color:#fff;width:560px;cursor:pointer}.dataCard:hover{border:1px solid #91c254;transition:all .3s ease-in-out}.dataCardBorder{border:1.5px solid #ef4444;box-shadow:0 2px 20px #ff000080}.wearerImage{height:210px;width:210px}.card_data{width:100%;padding:12px;display:flex;align-items:start;justify-content:center;flex-direction:column;gap:25px}.flx_row_card{width:100%;display:flex;align-items:center;justify-content:space-between}.wearerNameHigh{color:#ef4444}.wearerName{font-size:20px;font-weight:600;color:#202020}.wearerAge{font-size:15px;color:#5d5d5d;font-weight:500}.device_data{display:flex;width:100%;align-items:center;justify-content:space-between}.wearerWifi{font-size:15px;color:#5d5d5d;display:flex;align-items:flex-start;justify-content:center;gap:5px;font-weight:400}.wearerBattery{font-size:15px;color:#5d5d5d;font-weight:400;display:flex;align-items:flex-start;justify-content:center;gap:5px}.wearerDeviceStatus{font-size:15px;color:#5d5d5d;display:flex;align-items:center;justify-content:center;gap:5px;font-weight:400}.statusDotOnline{width:10px;height:10px;border-radius:100%;background-color:#91c254}.statusDotOffline{width:10px;height:10px;border-radius:100%;background-color:#ef4444}.chartCard{display:flex;flex-direction:column;gap:12px}.meter-row{display:flex;align-items:center;gap:25px}.card_iconRow{color:#91c254;font-size:16px}.card_iconRow_dis{color:#2d2d2d;font-size:16px}.meter{position:relative;height:15px;width:150px;border-radius:50px;background:#31303033;box-shadow:inset 0 0 0 1px #e6e6e6;overflow:hidden}.meter-fill{height:100%;border-radius:50px;transition:width .24s ease}.green-bar{background-color:#91c254}.amber-bar{background-color:#f59e0b}.red-bar{background-color:#ef4444}.meter-baseline{position:absolute;left:0;right:0;bottom:-6px;height:2px;background:#2e2e2e;opacity:.9}.meter-label{display:flex;align-items:baseline;gap:6px;min-width:120px}.meter-label-text{color:#2d2d2d;font-size:14px;line-height:1}.meter-value{color:#6b7280;font-size:14px;font-style:italic;line-height:1}@media (max-width: 420px){.meter{width:140px}}@media (max-width: 1500px){.dashone{width:100%;margin:0 auto}.subContinerCard{width:100%;display:flex;gap:15px;flex-direction:column}.dashcon{width:100%;padding:90px 20px}}.controls_nav{display:flex;gap:20px}.controls_nav_con{cursor:pointer;padding-bottom:3px}.controls_nav_con_active{border-bottom:2px solid #673a8f;color:#673a8f}.addObservationBtn{padding:8px 15px;background-color:#673a8f;color:#fff;border:none;border-radius:5px;cursor:pointer;font-size:14px;font-weight:500;text-transform:uppercase}.controls_nav_con:hover{border-bottom:2px solid #673a8f;color:#673a8f}.controls_nav_menu{font-size:15px;font-weight:600;text-transform:uppercase}.successCard_titel{color:#44b649;font-size:19px}.notCard_titel{color:#ef4444;font-size:19px}.successCard{display:flex;flex-direction:column;align-items:center;border:1px solid #44b649;border-radius:5px;background-color:#44b64a0f;width:500px;gap:15px;cursor:pointer;padding:15px}.notCard{display:flex;flex-direction:column;align-items:center;border:1px solid #ef4444;border-radius:5px;background-color:#ef44440f;width:325px;gap:15px;cursor:pointer;padding:15px}.notCardNew{display:flex;flex-direction:column;align-items:center;border:1px solid #ef4444;border-radius:5px;background-color:#ef44440f;width:500px;gap:15px;cursor:pointer;padding:15px}.hed_leftAro{display:flex;align-items:center;gap:10px}.arrow_line{font-size:20px;cursor:pointer}.dataNewCard{display:flex;flex-direction:column;align-items:center;border:1px solid #673a8f;border-radius:5px;background-color:#673a8f0f;width:325px;gap:15px;cursor:pointer;padding:15px}.dataNewCard_titel{color:#673a8f;font-size:19px;text-transform:uppercase}.successCardData{width:100%;display:flex;flex-direction:column;align-items:start;gap:6px}.successCard_para{font-size:17px;font-weight:500}.cardbodyProfile{width:100%;display:flex;gap:20px;flex-direction:column;flex-wrap:wrap;align-items:center;justify-content:center}.dataCardSetNew{display:flex;flex-wrap:wrap;width:100%;align-items:flex-start;justify-content:center;gap:25px}.alert_card_set{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:20px}.alert_card{width:500px;border:1px solid #4e4e4e;padding:0 15px 15px;border-radius:8px;display:flex;flex-direction:column;gap:15px;cursor:pointer}.obs_card{width:500px;border:1px solid #4e4e4e;padding:15px;border-radius:8px;display:flex;flex-direction:column;align-items:end;gap:20px}.alert_card_High{width:500px;border:1px solid #ef4444;padding:0 15px 15px;border-radius:8px;display:flex;flex-direction:column;gap:15px;cursor:pointer}.alert_date_timecard{display:flex;align-items:center;justify-content:center;gap:15px}.alert_date_time{display:flex;gap:3px;align-items:center;justify-content:center}.alert_card_head{display:flex;align-items:flex-end;justify-content:space-between}.alert_card_status{display:flex;align-items:center;justify-content:center;padding:6px 40px;border-radius:0 0 9px 9px;color:#fff;font-weight:500;letter-spacing:.5px}.alert_card_status_high{background-color:#ef4444}.alert_card_status_medium{background-color:#f59e0b}.alert_card_status_low{background-color:#22c55e}.alert_date_time_txt{font-style:italic;font-size:14px;color:gray;font-weight:500}.alert_date_time_icon{font-size:15px}.wearer_name{text-transform:uppercase;font-size:18px;font-weight:500;color:#44b649}.dataTextCard{font-size:18px}.dataTextCardTg{font-weight:500;color:#673a8f}.alert_card_body{display:flex;flex-direction:column;gap:6px;width:100%}.socksId{display:flex;align-items:center;justify-content:center;gap:25px}.socksNames{font-size:17px;font-weight:500;padding-top:10px}.socksIdData{display:flex;flex-direction:column;gap:6px;padding:0 0 0 15px}.successCard_titel{text-transform:uppercase}.modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#0006;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{width:600px;max-height:80vh;background:#fff;padding:20px;border-radius:10px;box-shadow:0 2px 16px #0003;position:relative;display:flex;flex-direction:column;gap:1rem;overflow-y:auto}.fromBack{width:100%}.addFrom{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:15px}.from_head{text-transform:uppercase;text-align:center;margin-bottom:10px}.fromLable{font-size:17px;font-weight:500}.fromTextarea{width:100%;resize:none;padding:10px;border:1px solid #ccc;border-radius:5px}.form-group{width:100%;display:flex;flex-direction:column;align-items:start;justify-content:center;gap:5px}.modal-close{position:absolute;top:10px;right:15px;background:none;border:none;font-size:1.5rem;cursor:pointer}.btn_group{width:100%;display:flex;align-items:center;justify-content:space-between;gap:10px}.modal-cls{width:100%;border:1px solid #673a8f;background-color:#fff;padding:8px 15px;border-radius:2px;color:#673a8f;font-weight:500;cursor:pointer;transition:all .3s ease;font-size:16px}.fromTextarea:focus{outline:none;border-color:#673a8f;box-shadow:0 0 5px #673a8f80}.modal-save{width:100%;border:1px solid #673a8f;background-color:#673a8f;padding:8px 15px;border-radius:2px;color:#fff;font-weight:500;cursor:pointer;transition:all .3s ease;font-size:16px}.modal-headerTit{font-size:20px;font-weight:600;color:#333;margin:0;text-transform:uppercase}.modal-header{display:flex;width:100%;align-items:center;justify-content:space-between}.modal-headerCls{font-size:24px;color:#666;cursor:pointer}.card_cat_set{width:100%;display:flex;align-items:center;justify-content:space-between;gap:10px}.cardCMA{width:100%;border:1px solid #e0e0e0;padding:20px;border-radius:6px;display:flex;align-items:flex-start;flex-direction:column;justify-content:center;gap:0px}.cardCMA_Title{font-size:14px;color:#4b5563;font-weight:400}.count_card{display:flex;align-items:flex-end;justify-content:flex-start;gap:7px}.count_prasant{font-size:40px;font-weight:500;color:#000}.count_prasant_sub{font-size:16px;color:#4b5563;font-weight:400;margin-bottom:5px}.ConfidenceTxt{font-size:14px;color:#4b5563;font-weight:400}.chartCardContiner{display:flex;align-items:stretch;justify-content:space-between;flex-wrap:wrap;gap:20px}.chartCardDrill{width:100%;border:1px solid #e0e0e0;padding:20px;border-radius:6px;display:flex;align-items:flex-start;flex-direction:column;justify-content:flex-start;gap:20px}.chartCardDrill2{width:49%;border:1px solid #e0e0e0;padding:20px;border-radius:6px;display:flex;align-items:flex-start;flex-direction:column;justify-content:flex-start;gap:20px}.chartCardbody{width:100%;flex-direction:column;display:flex;align-items:flex-start;justify-content:flex-start;gap:10px}.chartCardtitle{font-size:16px;color:#000;font-weight:500}.chartCardbodyData{width:100%;display:flex;align-items:center;justify-content:space-between;gap:25px}.chartCardbodyDataTit{font-size:16px;color:#4b5563;font-weight:400}.chartCardbodyDataans{font-size:16px;color:#673a8f;font-weight:500}.chartBx{width:100%}.chartCardHed{width:100%;display:flex;align-items:center;justify-content:space-between}.chartCardlink{font-size:13px;color:#673a8f;font-weight:600;cursor:pointer;text-transform:uppercase;font-style:italic}.chartCardlink:hover{text-decoration:underline}.chartCardContiner{width:100%}.cardbodyDrill{width:100%;display:flex;align-items:flex-start;justify-content:center;flex-direction:column;gap:20px}.cardbodyDrill2{width:100%;display:flex;align-items:flex-start;justify-content:center;flex-direction:column;gap:10px}.fullChartCont{width:100%;border:1px solid #e0e0e0;display:flex;align-items:center;justify-content:center;flex-direction:column}.chart_Title{text-align:end;width:98%;margin-top:3px;font-size:14px;text-transform:uppercase;font-weight:500}.chartCardRowsub{width:100%;display:flex;align-items:stretch;justify-content:space-between;gap:10px}.zoombtn{padding:5px 10px;background-color:#44b649;border:1px solid #44b649;border-radius:4px;cursor:pointer;font-size:13px;color:#fff}.zoomControls{display:flex;align-items:center;gap:8px}.toggleCardText{font-size:20px;font-weight:500;margin-right:10px}.toggleCardItem{display:flex;align-items:center;justify-content:space-between}.togglecards{display:flex;gap:20px;align-items:stretch;justify-content:center;width:100%}.togglecard{width:100%;display:flex;flex-direction:column;gap:13px;border:1px solid #d9d9d9;padding:20px;border-radius:5px}.toggle-switch{position:relative;display:inline-block;width:33px;height:20px}.toggle-switch .toggle-input{display:none}.toggle-switch .toggle-label{position:absolute;top:0;left:0;width:33px;height:20px;background-color:#37363756;border-radius:34px;cursor:pointer;transition:background-color .3s}.toggle-switch .toggle-label:before{content:"";position:absolute;width:15px;height:15px;border-radius:50%;top:2px;left:2px;background-color:#fff;box-shadow:0 2px 5px #0000004d;transition:transform .3s}.toggle-switch .toggle-input:checked+.toggle-label{background-color:#4caf50}.toggle-switch .toggle-input:checked+.toggle-label:before{transform:translate(16px)}.toggle-switch.light .toggle-label{background-color:#bebebe}.toggle-switch.light .toggle-input:checked+.toggle-label{background-color:#9b9b9b}.toggle-switch.light .toggle-input:checked+.toggle-label:before{transform:translate(6px)}.togglecardTitle{font-size:18px;font-weight:600;text-align:center;text-transform:uppercase;color:#303030}.compareCards{display:flex;gap:20px;justify-content:space-between;align-items:center;width:100%}.compareCard{display:flex;padding:10px;align-items:stretch;justify-content:center;width:100%;border:1px solid #d9d9d9;border-radius:5px;flex-direction:column}.compareCardBody{width:100%}.compareCardHeader{font-size:14px;font-weight:500;text-transform:uppercase;color:#303030;display:flex;align-items:center;justify-content:space-between;width:100%}.compareCardSelect{padding:5px 15px;border:1px solid #d9d9d9;border-radius:5px}.summryBoxSet{display:flex;gap:10px;justify-content:space-between;align-items:stretch;width:100%;margin:20px 0}.summryBox{display:flex;flex-direction:column;gap:5px;padding:5px 10px;border-radius:5px;width:100%}.summryBoxTitle{font-size:15px;font-weight:500;text-transform:capitalize;color:#303030}.summryBoxCount{font-size:25px;font-weight:600;color:#000}.summryConfidence{font-size:12px;font-weight:500;text-align:center;border-radius:3px;padding:5px}.summryBoxList{display:flex;flex-direction:row;justify-content:space-between;gap:8px}.summryBoxSetCon{display:flex;gap:10px;justify-content:space-between;align-items:stretch;width:100%;margin-top:10px}.uplot,.uplot *,.uplot *:before,.uplot *:after{box-sizing:border-box}.uplot{font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";line-height:1.5;width:min-content}.u-title{text-align:center;font-size:18px;font-weight:700}.u-wrap{position:relative;-webkit-user-select:none;user-select:none}.u-over,.u-under{position:absolute}.u-under{overflow:hidden}.uplot canvas{display:block;position:relative;width:100%;height:100%}.u-axis{position:absolute}.u-legend{font-size:14px;margin:auto;text-align:center}.u-inline{display:block}.u-inline *{display:inline-block}.u-inline tr{margin-right:16px}.u-legend th{font-weight:600}.u-legend th>*{vertical-align:middle;display:inline-block}.u-legend .u-marker{width:1em;height:1em;margin-right:4px;background-clip:padding-box!important}.u-inline.u-live th:after{content:":";vertical-align:middle}.u-inline:not(.u-live) .u-value{display:none}.u-series>*{padding:4px}.u-series th{cursor:pointer}.u-legend .u-off>*{opacity:.3}.u-select{background:#00000012;position:absolute;pointer-events:none}.u-cursor-x,.u-cursor-y{position:absolute;left:0;top:0;pointer-events:none;will-change:transform}.u-hz .u-cursor-x,.u-vt .u-cursor-y{height:100%;border-right:1px dashed #607D8B}.u-hz .u-cursor-y,.u-vt .u-cursor-x{width:100%;border-bottom:1px dashed #607D8B}.u-cursor-pt{position:absolute;top:0;left:0;border-radius:50%;border:0 solid;pointer-events:none;will-change:transform;background-clip:padding-box!important}.u-axis.u-off,.u-select.u-off,.u-cursor-x.u-off,.u-cursor-y.u-off,.u-cursor-pt.u-off{display:none}.custom-dropdown{position:relative;width:300px;min-width:300px}.dropdown-trigger{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;border:1px solid #ddd;border-radius:6px;background-color:#fff;cursor:pointer;transition:all .2s ease;min-height:40px}.dropdown-trigger:hover{border-color:#673a8f}.dropdown-trigger:focus{outline:none;border-color:#673a8f;box-shadow:0 0 0 2px #ff00e140}.drilldown-btn{background-color:#28a745;border:none;color:#fff;padding:6px 12px;text-align:center;text-decoration:none;display:inline-block;font-size:14px;border-radius:4px;cursor:pointer}.selected-items{flex:1;display:flex;align-items:center;overflow:hidden}.placeholder{color:#999;font-size:14px}.selected-tags{display:flex;flex-wrap:wrap;gap:4px;max-width:100%}.selected-tag{display:inline-flex;align-items:center;background-color:#673a8f14;color:#673a8f;padding:2px 6px;border-radius:12px;font-size:12px;white-space:nowrap;max-width:120px;overflow:hidden;text-overflow:ellipsis}.tag-remove{margin-left:4px;cursor:pointer;font-size:14px;opacity:.7}.tag-remove:hover{opacity:1;color:#d32f2f}.more-count{background-color:#f5f5f5;color:#666;padding:2px 6px;border-radius:12px;font-size:12px;white-space:nowrap}.dropdown-arrow{font-size:16px;color:#666;transition:transform .2s ease;margin-left:8px;flex-shrink:0}.dropdown-arrow.rotated{transform:rotate(180deg)}.dropdown-menu{position:absolute;top:100%;left:0;right:0;background:#fff;border:1px solid #ddd;border-radius:6px;box-shadow:0 4px 12px #00000026;z-index:1000;max-height:300px;overflow:hidden;margin-top:4px}.search-container{position:relative;padding:12px}.search-icon{position:absolute;left:20px;top:50%;transform:translateY(-50%);color:#999;font-size:16px}.search-input{width:100%;padding:8px 12px 8px 35px;border:1px solid #ddd;border-radius:4px;font-size:14px;outline:none}.search-input:focus{border-color:#673a8f;box-shadow:0 0 0 2px #ff00e140}.dropdown-actions{padding:8px 12px;border-bottom:1px solid #eee}.clear-all-btn{background:none;border:none;color:#dc3545;font-size:12px;cursor:pointer;padding:4px 0}.clear-all-btn:hover{text-decoration:underline}.options-list{max-height:200px;overflow-y:auto}.option-item{padding:12px;cursor:pointer;transition:background-color .2s ease;border-bottom:1px solid #f5f5f5}.option-item:hover{background-color:#f8f9fa}.option-item.selected{background-color:#e3f2fd}.option-item:last-child{border-bottom:none}.option-content{display:flex;align-items:center;justify-content:space-between}.option-text{font-size:14px;color:#333}.check-icon{color:#673a8f;font-size:16px}.no-results{padding:20px;text-align:center;color:#999;font-size:14px}.options-list::-webkit-scrollbar{width:6px}.options-list::-webkit-scrollbar-track{background:#f1f1f1}.options-list::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.options-list::-webkit-scrollbar-thumb:hover{background:#a8a8a8}@media (max-width: 768px){.custom-dropdown{width:100%;min-width:auto}.selected-tag{max-width:80px}}.alerts-table-container{width:100%;overflow-x:auto;border:1px solid #ddd;background:#fff}.alerts-table{width:100%;border-collapse:collapse;font-family:inherit;background:#fff;overflow:hidden}.alerts-table-header{background:#f8f9fa;border-bottom:2px solid #e9ecef}.table-header-cell{padding:16px 12px;text-align:center;font-weight:600;color:#495057;font-size:12px;text-transform:uppercase;letter-spacing:.5px;border:1px solid #dee2e6}.table-row{cursor:pointer;transition:background-color .2s ease;border:1px solid #e9ecef}.table-row:hover{background-color:#f8f9fa}.table-row-normal{background-color:#fff}.table-row-high{background-color:#fff5f5}.table-row-high:hover{background-color:#fee}.table-cell{padding:16px 12px;vertical-align:middle;font-size:14px;color:#495057;border:1px solid #e9ecef}.table-wearer-name{font-weight:500;color:#212529}.table-status-badge{display:inline-block;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:600;text-align:center;min-width:60px}.table-status-high{background-color:#dc3545;color:#fff}.table-status-medium{background-color:#ffc107;color:#000}.table-status-low{background-color:#28a745;color:#fff}.table-text-with-more{display:flex;flex-direction:column;gap:1px}.table-truncated-text{line-height:1.4}.see-more-btn{background:none;border:none;color:#673a8f;font-size:12px;cursor:pointer;font-weight:500;text-decoration:underline;padding:0;align-self:flex-start;transition:color .2s ease}.see-more-btn:hover{color:#0056b3}.see-more-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.see-more-modal-container{background:#fff;border-radius:12px;box-shadow:0 10px 25px #0003;max-width:500px;width:90%;max-height:400px;overflow:hidden}.table-action-buttons{display:flex;justify-content:center;align-items:center;flex-direction:column;gap:10px}.see-more-modal-content{display:flex;flex-direction:column;height:100%}.see-more-modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid #e9ecef;background:#f8f9fa}.see-more-modal-title{margin:0;font-size:18px;font-weight:600;color:#212529}.see-more-modal-close{background:none;border:none;font-size:20px;cursor:pointer;color:#6c757d;padding:4px;border-radius:4px;transition:background-color .2s ease}.see-more-modal-close:hover{background-color:#e9ecef;color:#495057}.see-more-modal-body{padding:20px;overflow-y:auto;flex:1}.see-more-modal-text{margin:0;line-height:1.6;color:#495057;font-size:14px}@media (max-width: 1200px){.table-header-cell,.table-cell{padding:12px 8px;font-size:13px}.table-datetime{gap:2px}.table-date,.table-time{font-size:12px}}@media (max-width: 768px){.alerts-table-container{border-radius:0;box-shadow:none}.table-header-cell,.table-cell{padding:10px 6px;font-size:12px}.table-header-cell{font-size:11px}.table-status-badge{padding:3px 8px;font-size:10px;min-width:50px}.see-more-modal-container{width:95%;max-height:70vh}.see-more-modal-header{padding:15px}.see-more-modal-title{font-size:16px}.see-more-modal-body{padding:15px}}.react-datepicker__navigation-icon:before,.react-datepicker__year-read-view--down-arrow,.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow{border-color:#ccc;border-style:solid;border-width:3px 3px 0 0;content:"";display:block;height:9px;position:absolute;top:6px;width:9px}.react-datepicker__sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.react-datepicker-wrapper{display:inline-block;padding:0;border:0}.react-datepicker{font-family:Helvetica Neue,helvetica,arial,sans-serif;font-size:.8rem;background-color:#fff;color:#000;border:1px solid #aeaeae;border-radius:.3rem;display:inline-block;position:relative;line-height:initial}.react-datepicker--time-only .react-datepicker__time-container{border-left:0}.react-datepicker--time-only .react-datepicker__time,.react-datepicker--time-only .react-datepicker__time-box{border-bottom-left-radius:.3rem;border-bottom-right-radius:.3rem}.react-datepicker-popper{z-index:1;line-height:0}.react-datepicker-popper .react-datepicker__triangle{stroke:#aeaeae}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle{fill:#f0f0f0;color:#f0f0f0}.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle{fill:#fff;color:#fff}.react-datepicker__header{text-align:center;background-color:#f0f0f0;border-bottom:1px solid #aeaeae;border-top-left-radius:.3rem;padding:8px 0;position:relative}.react-datepicker__header--time{padding-bottom:8px;padding-left:5px;padding-right:5px}.react-datepicker__header--time:not(.react-datepicker__header--time--only){border-top-left-radius:0}.react-datepicker__header:not(.react-datepicker__header--has-time-select){border-top-right-radius:.3rem}.react-datepicker__year-dropdown-container--select,.react-datepicker__month-dropdown-container--select,.react-datepicker__month-year-dropdown-container--select,.react-datepicker__year-dropdown-container--scroll,.react-datepicker__month-dropdown-container--scroll,.react-datepicker__month-year-dropdown-container--scroll{display:inline-block;margin:0 15px}.react-datepicker__current-month,.react-datepicker-time__header,.react-datepicker-year-header{margin-top:0;color:#000;font-weight:700;font-size:.944rem}h2.react-datepicker__current-month{padding:0;margin:0}.react-datepicker-time__header{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.react-datepicker__navigation{align-items:center;background:none;display:flex;justify-content:center;text-align:center;cursor:pointer;position:absolute;top:2px;padding:0;border:none;z-index:1;height:32px;width:32px;text-indent:-999em;overflow:hidden}.react-datepicker__navigation--previous{left:2px}.react-datepicker__navigation--next{right:2px}.react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button){right:85px}.react-datepicker__navigation--years{position:relative;top:0;display:block;margin-left:auto;margin-right:auto}.react-datepicker__navigation--years-previous{top:4px}.react-datepicker__navigation--years-upcoming{top:-4px}.react-datepicker__navigation:hover *:before{border-color:#a6a6a6}.react-datepicker__navigation-icon{position:relative;top:-1px;font-size:20px;width:0}.react-datepicker__navigation-icon--next{left:-2px}.react-datepicker__navigation-icon--next:before{transform:rotate(45deg);left:-7px}.react-datepicker__navigation-icon--previous{right:-2px}.react-datepicker__navigation-icon--previous:before{transform:rotate(225deg);right:-7px}.react-datepicker__month-container{float:left}.react-datepicker__year{margin:.4rem;text-align:center}.react-datepicker__year-wrapper{display:flex;flex-wrap:wrap;max-width:180px}.react-datepicker__year .react-datepicker__year-text{display:inline-block;width:4rem;margin:2px}.react-datepicker__month{margin:.4rem;text-align:center}.react-datepicker__month .react-datepicker__month-text,.react-datepicker__month .react-datepicker__quarter-text{display:inline-block;width:4rem;margin:2px}.react-datepicker__input-time-container{clear:both;width:100%;float:left;margin:5px 0 10px 15px;text-align:left}.react-datepicker__input-time-container .react-datepicker-time__caption,.react-datepicker__input-time-container .react-datepicker-time__input-container{display:inline-block}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input{display:inline-block;margin-left:10px}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input{width:auto}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-inner-spin-button,.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]{-moz-appearance:textfield}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__delimiter{margin-left:5px;display:inline-block}.react-datepicker__time-container{float:right;border-left:1px solid #aeaeae;width:85px}.react-datepicker__time-container--with-today-button{display:inline;border:1px solid #aeaeae;border-radius:.3rem;position:absolute;right:-87px;top:0}.react-datepicker__time-container .react-datepicker__time{position:relative;background:#fff;border-bottom-right-radius:.3rem}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box{width:85px;overflow-x:hidden;margin:0 auto;text-align:center;border-bottom-right-radius:.3rem}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list{list-style:none;margin:0;height:calc(195px + .85rem);overflow-y:scroll;padding-right:0;padding-left:0;width:100%;box-sizing:content-box}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item{height:30px;padding:5px 10px;white-space:nowrap}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item:hover{cursor:pointer;background-color:#f0f0f0}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected{background-color:#216ba5;color:#fff;font-weight:700}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected:hover{background-color:#216ba5}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled{color:#ccc}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled:hover{cursor:default;background-color:transparent}.react-datepicker__week-number{color:#ccc;display:inline-block;width:1.7rem;line-height:1.7rem;text-align:center;margin:.166rem}.react-datepicker__week-number.react-datepicker__week-number--clickable{cursor:pointer}.react-datepicker__week-number.react-datepicker__week-number--clickable:not(.react-datepicker__week-number--selected):hover{border-radius:.3rem;background-color:#f0f0f0}.react-datepicker__week-number--selected{border-radius:.3rem;background-color:#216ba5;color:#fff}.react-datepicker__week-number--selected:hover{background-color:#1d5d90}.react-datepicker__day-names{white-space:nowrap;margin-bottom:-8px}.react-datepicker__week{white-space:nowrap}.react-datepicker__day-name,.react-datepicker__day,.react-datepicker__time-name{color:#000;display:inline-block;width:1.7rem;line-height:1.7rem;text-align:center;margin:.166rem}.react-datepicker__day,.react-datepicker__month-text,.react-datepicker__quarter-text,.react-datepicker__year-text{cursor:pointer}.react-datepicker__day:not([aria-disabled=true]):hover,.react-datepicker__month-text:not([aria-disabled=true]):hover,.react-datepicker__quarter-text:not([aria-disabled=true]):hover,.react-datepicker__year-text:not([aria-disabled=true]):hover{border-radius:.3rem;background-color:#f0f0f0}.react-datepicker__day--today,.react-datepicker__month-text--today,.react-datepicker__quarter-text--today,.react-datepicker__year-text--today{font-weight:700}.react-datepicker__day--highlighted,.react-datepicker__month-text--highlighted,.react-datepicker__quarter-text--highlighted,.react-datepicker__year-text--highlighted{border-radius:.3rem;background-color:#3dcc4a;color:#fff}.react-datepicker__day--highlighted:not([aria-disabled=true]):hover,.react-datepicker__month-text--highlighted:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--highlighted:not([aria-disabled=true]):hover,.react-datepicker__year-text--highlighted:not([aria-disabled=true]):hover{background-color:#32be3f}.react-datepicker__day--highlighted-custom-1,.react-datepicker__month-text--highlighted-custom-1,.react-datepicker__quarter-text--highlighted-custom-1,.react-datepicker__year-text--highlighted-custom-1{color:#f0f}.react-datepicker__day--highlighted-custom-2,.react-datepicker__month-text--highlighted-custom-2,.react-datepicker__quarter-text--highlighted-custom-2,.react-datepicker__year-text--highlighted-custom-2{color:green}.react-datepicker__day--holidays,.react-datepicker__month-text--holidays,.react-datepicker__quarter-text--holidays,.react-datepicker__year-text--holidays{position:relative;border-radius:.3rem;background-color:#ff6803;color:#fff}.react-datepicker__day--holidays .overlay,.react-datepicker__month-text--holidays .overlay,.react-datepicker__quarter-text--holidays .overlay,.react-datepicker__year-text--holidays .overlay{position:absolute;bottom:100%;left:50%;transform:translate(-50%);background-color:#333;color:#fff;padding:4px;border-radius:4px;white-space:nowrap;visibility:hidden;opacity:0;transition:visibility 0s,opacity .3s ease-in-out}.react-datepicker__day--holidays:not([aria-disabled=true]):hover,.react-datepicker__month-text--holidays:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--holidays:not([aria-disabled=true]):hover,.react-datepicker__year-text--holidays:not([aria-disabled=true]):hover{background-color:#cf5300}.react-datepicker__day--holidays:hover .overlay,.react-datepicker__month-text--holidays:hover .overlay,.react-datepicker__quarter-text--holidays:hover .overlay,.react-datepicker__year-text--holidays:hover .overlay{visibility:visible;opacity:1}.react-datepicker__day--selected,.react-datepicker__day--in-selecting-range,.react-datepicker__day--in-range,.react-datepicker__month-text--selected,.react-datepicker__month-text--in-selecting-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--selected,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--selected,.react-datepicker__year-text--in-selecting-range,.react-datepicker__year-text--in-range{border-radius:.3rem;background-color:#216ba5;color:#fff}.react-datepicker__day--selected:not([aria-disabled=true]):hover,.react-datepicker__day--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__day--in-range:not([aria-disabled=true]):hover,.react-datepicker__month-text--selected:not([aria-disabled=true]):hover,.react-datepicker__month-text--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__month-text--in-range:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--selected:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--in-range:not([aria-disabled=true]):hover,.react-datepicker__year-text--selected:not([aria-disabled=true]):hover,.react-datepicker__year-text--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__year-text--in-range:not([aria-disabled=true]):hover{background-color:#1d5d90}.react-datepicker__day--keyboard-selected,.react-datepicker__month-text--keyboard-selected,.react-datepicker__quarter-text--keyboard-selected,.react-datepicker__year-text--keyboard-selected{border-radius:.3rem;background-color:#bad9f1;color:#000}.react-datepicker__day--keyboard-selected:not([aria-disabled=true]):hover,.react-datepicker__month-text--keyboard-selected:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--keyboard-selected:not([aria-disabled=true]):hover,.react-datepicker__year-text--keyboard-selected:not([aria-disabled=true]):hover{background-color:#1d5d90}.react-datepicker__day--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__month-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__quarter-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__year-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range){background-color:#216ba580}.react-datepicker__month--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range){background-color:#f0f0f0;color:#000}.react-datepicker__day--disabled,.react-datepicker__month-text--disabled,.react-datepicker__quarter-text--disabled,.react-datepicker__year-text--disabled{cursor:default;color:#ccc}.react-datepicker__day--disabled .overlay,.react-datepicker__month-text--disabled .overlay,.react-datepicker__quarter-text--disabled .overlay,.react-datepicker__year-text--disabled .overlay{position:absolute;bottom:70%;left:50%;transform:translate(-50%);background-color:#333;color:#fff;padding:4px;border-radius:4px;white-space:nowrap;visibility:hidden;opacity:0;transition:visibility 0s,opacity .3s ease-in-out}.react-datepicker__input-container{position:relative;display:inline-block;width:100%}.react-datepicker__input-container .react-datepicker__calendar-icon{position:absolute;padding:.5rem;box-sizing:content-box}.react-datepicker__view-calendar-icon input{padding:6px 10px 5px 25px}.react-datepicker__year-read-view,.react-datepicker__month-read-view,.react-datepicker__month-year-read-view{border:1px solid transparent;border-radius:.3rem;position:relative}.react-datepicker__year-read-view:hover,.react-datepicker__month-read-view:hover,.react-datepicker__month-year-read-view:hover{cursor:pointer}.react-datepicker__year-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__year-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__month-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__month-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__month-year-read-view:hover .react-datepicker__month-read-view--down-arrow{border-top-color:#b3b3b3}.react-datepicker__year-read-view--down-arrow,.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow{transform:rotate(135deg);right:-16px;top:0}.react-datepicker__year-dropdown,.react-datepicker__month-dropdown,.react-datepicker__month-year-dropdown{background-color:#f0f0f0;position:absolute;width:50%;left:25%;top:30px;z-index:1;text-align:center;border-radius:.3rem;border:1px solid #aeaeae}.react-datepicker__year-dropdown:hover,.react-datepicker__month-dropdown:hover,.react-datepicker__month-year-dropdown:hover{cursor:pointer}.react-datepicker__year-dropdown--scrollable,.react-datepicker__month-dropdown--scrollable,.react-datepicker__month-year-dropdown--scrollable{height:150px;overflow-y:scroll}.react-datepicker__year-option,.react-datepicker__month-option,.react-datepicker__month-year-option{line-height:20px;width:100%;display:block;margin-left:auto;margin-right:auto}.react-datepicker__year-option:first-of-type,.react-datepicker__month-option:first-of-type,.react-datepicker__month-year-option:first-of-type{border-top-left-radius:.3rem;border-top-right-radius:.3rem}.react-datepicker__year-option:last-of-type,.react-datepicker__month-option:last-of-type,.react-datepicker__month-year-option:last-of-type{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border-bottom-left-radius:.3rem;border-bottom-right-radius:.3rem}.react-datepicker__year-option:hover,.react-datepicker__month-option:hover,.react-datepicker__month-year-option:hover{background-color:#ccc}.react-datepicker__year-option:hover .react-datepicker__navigation--years-upcoming,.react-datepicker__month-option:hover .react-datepicker__navigation--years-upcoming,.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-upcoming{border-bottom-color:#b3b3b3}.react-datepicker__year-option:hover .react-datepicker__navigation--years-previous,.react-datepicker__month-option:hover .react-datepicker__navigation--years-previous,.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-previous{border-top-color:#b3b3b3}.react-datepicker__year-option--selected,.react-datepicker__month-option--selected,.react-datepicker__month-year-option--selected{position:absolute;left:15px}.react-datepicker__close-icon{cursor:pointer;background-color:transparent;border:0;outline:0;padding:0 6px 0 0;position:absolute;top:0;right:0;height:100%;display:table-cell;vertical-align:middle}.react-datepicker__close-icon:after{cursor:pointer;background-color:#216ba5;color:#fff;border-radius:50%;height:16px;width:16px;padding:2px;font-size:12px;line-height:1;text-align:center;display:table-cell;vertical-align:middle;content:"×"}.react-datepicker__close-icon--disabled{cursor:default}.react-datepicker__close-icon--disabled:after{cursor:default;background-color:#ccc}.react-datepicker__today-button{background:#f0f0f0;border-top:1px solid #aeaeae;cursor:pointer;text-align:center;font-weight:700;padding:5px 0;clear:left}.react-datepicker__portal{position:fixed;width:100vw;height:100vh;background-color:#000c;left:0;top:0;justify-content:center;align-items:center;display:flex;z-index:2147483647}.react-datepicker__portal .react-datepicker__day-name,.react-datepicker__portal .react-datepicker__day,.react-datepicker__portal .react-datepicker__time-name{width:3rem;line-height:3rem}@media (max-width: 400px),(max-height: 550px){.react-datepicker__portal .react-datepicker__day-name,.react-datepicker__portal .react-datepicker__day,.react-datepicker__portal .react-datepicker__time-name{width:2rem;line-height:2rem}}.react-datepicker__portal .react-datepicker__current-month,.react-datepicker__portal .react-datepicker-time__header{font-size:1.44rem}.react-datepicker__children-container{width:13.8rem;margin:.4rem;padding-right:.2rem;padding-left:.2rem;height:auto}.react-datepicker__aria-live{position:absolute;clip-path:circle(0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;width:1px;white-space:nowrap}.react-datepicker__calendar-icon{width:1em;height:1em;vertical-align:-.125em}.reportPrevCont{width:100%;display:flex;flex-direction:column;gap:0;justify-content:center;align-items:center}.reportPrevContentBox{width:100%}.reportPrevSelectWearer{width:98%;display:flex;justify-content:flex-end;align-items:flex-end;margin:0 auto;gap:4px}.reportPrevSelectWearerItem{background-color:#673a8f;display:flex;align-items:center;justify-content:center;gap:10px;color:#fff;padding:8px 15px;border-radius:10px 10px 0 0;cursor:pointer;text-transform:uppercase;font-weight:500;font-size:14px}.reportPrevSelectWearerItemremove{font-size:20px}.reportPrevNotSelectWearerItem{background-color:#e0d9ed;display:flex;align-items:center;justify-content:center;gap:10px;color:#673a8f;padding:8px 15px;border-radius:10px 10px 0 0;cursor:pointer;text-transform:uppercase;font-weight:500;font-size:14px}.reportCardSelect{width:100%;display:flex;justify-content:center;align-items:center;padding:20px;gap:10px;flex-direction:column;border:1.5px solid #673a8f;border-radius:6px}.reportChartBox{width:100%;display:flex;gap:10px;height:auto;justify-content:space-between;align-items:flex-start}.reportChartBoxlft{width:70%;height:365px}.reportChartBoxright{width:30%;display:flex;align-items:flex-start;justify-content:flex-start;gap:20px;flex-direction:column}.reportChartBoxrightCont{width:100%;display:flex;justify-content:flex-start;align-items:center;flex-direction:row;gap:10px;border:1px solid #e0e0e0;padding:10px;border-radius:8px}.reportChartBoxrightContTit{font-size:19px;font-weight:600;text-transform:uppercase;color:#333}.reportChartBoxrightContCount{font-size:22px;font-weight:700;color:#673a8f}.reportPreviewBtn{width:200px;margin-right:auto;padding:10px 20px;background-color:#673a8f;color:#fff;border:none;border-radius:5px 5px 0 0;cursor:pointer;font-size:16px;font-weight:600;margin-top:15px}.dateRangePicker{padding:8px 12px;border-radius:6px;border:1px solid #673a8f;font-size:15px;color:#222;width:230px;transition:border-color .2s}.dateRangePicker:focus{border-color:#673a8f;outline:none;box-shadow:0 0 0 2px #44b64922}.react-datepicker{font-size:15px;border-radius:8px;border:1px solid #673a8f;box-shadow:0 2px 12px #673a8f22;background:#fff}.react-datepicker__header{background:#f8fcff;border-bottom:1px solid #673a8f}.react-datepicker__day--selected,.react-datepicker__day--in-selecting-range,.react-datepicker__day--in-range,.react-datepicker__day--keyboard-selected{background:#673a8f;color:#fff}.actionLins{width:100%;display:flex;justify-content:space-between;align-items:center}.form-row{width:100%;display:flex;gap:10px}.uploadRow{width:100%;display:flex;align-items:center;gap:12px;background:#f4f8fd;border:1px solid #e6eef8;padding:12px;border-radius:10px}.uploadPreview{width:56px;height:56px;border-radius:8px;background:#eef3f7;display:flex;align-items:center;justify-content:center;overflow:hidden}.uploadPreview img{width:100%;height:100%;object-fit:cover}.imgIcon{width:28px;height:28px;background:linear-gradient(135deg,#d7dfeb 25%,#c7d2e3 25% 50%,#d7dfeb 50% 75%,#c7d2e3 75%);border-radius:6px;display:inline-block}.uploadControls{display:flex;align-items:center;flex-wrap:wrap;gap:10px}.uploadHint{margin:0;font-size:12px;color:#6b7280;width:100%}.uploadBtn{position:relative;display:inline-block;padding:8px 14px;border-radius:8px;background:#fff;border:1px solid #cfd8e3;font-weight:500;cursor:pointer;-webkit-user-select:none;user-select:none}.uploadBtn input{display:none}.fileName{font-size:12px;color:#6b7280}.errorText{width:100%;font-size:12px;color:#d14343;margin-top:-2px}.tblWrap{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;background:#fff;border:1px solid #eef2f7}.tbl{width:100%;min-width:720px;border-collapse:collapse;border-spacing:0;font-size:14px}.tbl thead th{text-align:left;padding:12px 14px;background:#673a8f0c;color:#673a8f;text-align:center;font-weight:600;border:1px solid #eef2f7}.tbl tbody td{padding:12px 14px;border:1px solid #eef2f7;vertical-align:middle}.tbl tbody tr:hover td{background:#673a8f0c}.avatarCell{width:44px;height:44px;border-radius:10px;background:#eef3f7;overflow:hidden;display:inline-flex;align-items:center;justify-content:center}.avatarCell img{width:100%;height:100%;object-fit:cover}.actionsCol{white-space:nowrap;width:120px}.iconBtn{display:inline-flex;align-items:center;justify-content:center;height:32px;width:36px;border-radius:8px;border:1px solid #e5e7eb;background:#fff;cursor:pointer;margin-right:8px;transition:transform .05s ease,background .2s ease}.iconBtn:hover{background:#673a8f1b}.iconBtn:active{transform:translateY(1px)}.iconBtn.edit svg{color:#673a8f}.iconBtn.delete svg{color:#dc2626}@media (max-width: 1024px){.tbl{min-width:620px}.tbl thead th,.tbl tbody td{padding:10px 12px}.actionsCol{width:100px}}.delete-modal{max-width:400px;padding:25px;text-align:center}.delete-header{display:flex;flex-direction:column;align-items:center}.delete-icon{color:#e63946}.delete-title{font-size:20px;font-weight:600;color:#333;text-transform:capitalize}.delete-text{font-size:15px;color:#555}.modal-cncl{border:1px solid #e63946;color:#e63946;background-color:#fff;font-size:17px;padding:8px 18px;border-radius:3px;cursor:pointer;transition:.2s ease;margin-right:10px;width:100%}.modal-del{background-color:#e63946;border:none;color:#fff;padding:8px 18px;border-radius:3px;cursor:pointer;font-size:17px;transition:.2s ease;width:100%}.modal-del:hover{background-color:#c71c2c}.password-toggle-icon{position:absolute;right:12px;top:74%;transform:translateY(-50%);cursor:pointer;font-size:22px;color:#673a8f}.careFromBdy{width:100%;padding:20px;border-radius:8px;border:1px solid #ccc}.labelFlex{width:100%;display:flex;align-items:center;justify-content:space-between}.plusIcon{color:#673a8f;font-size:30px;cursor:pointer}.plusIcon:hover{color:#512d6d;color:#594966}.careAreaflex{width:100%;display:flex;align-items:center;gap:10px;margin-bottom:10px}.dltIcon{color:#e63946;font-size:25px;cursor:pointer}.dltIcon:hover{color:#b71c1c}.notsupport_container{width:100%;height:100vh;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:25px}.notsupport{width:50%}.titlenot{font-size:22px;color:#000;font-weight:600;text-align:center;margin-bottom:15px}.peranot{font-size:16px;color:#4b5563;font-weight:400;text-align:center}