@import"https://fonts.googleapis.com/css2?family=Instrument+Sans:wght@400;500;600;700&display=swap";:root{font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;background:#fff}#root{min-height:100vh}#root{width:100%}*{margin:0;padding:0;box-sizing:border-box;font-family:Instrument Sans,sans-serif!important}body{background:#fff}.container{display:flex;min-height:100vh}.sidebar{width:250px;background:#00e6fe;height:100vh;position:sticky;top:0;padding:30px 20px;color:#fff;display:flex;flex-direction:column;justify-content:space-between}.logo{font-size:40px;font-weight:700;text-align:center}.menu{list-style:none;margin-top:40px;display:flex;flex-direction:column;gap:6px}.menu li{display:flex;align-items:center;gap:6px;padding:12px;border-radius:10px;cursor:pointer;color:#fff}.menu li img{width:20px;height:20px;pointer-events:none;filter:brightness(0) invert(1)}.menu li:hover{background:#fff;color:#1e1e1e}.menu li:hover img{filter:brightness(0) invert(0)}.menu li.active{background:#fff;color:#1e1e1e!important}.menu li.active img{filter:brightness(0) invert(0)}.logout-btn{padding:12px;background:#80f3ff;border:none;border-radius:12px;cursor:pointer;font-size:16px;color:#ff3030;display:flex;align-items:center;gap:6px}.main{flex:1;padding:40px;overflow-y:auto;max-height:100vh}.topbar{display:flex;justify-content:space-between;align-items:center}.search{width:420px;padding:12px;border-radius:16px;border:1px solid #D2D2D2;font-size:14px}.profile{display:flex;gap:10px;align-items:center}.profile img{width:45px;height:45px;border-radius:50%}.profile h4{font-size:16px}.profile p{font-size:13px;color:#666}.title{font-size:26px;font-weight:700}.cards{display:flex;gap:18px;margin-top:60px}.card{width:100%;background:#d9fbff;padding:25px;border-radius:24px;border:1px solid #8DF4FF;display:flex;flex-direction:column;gap:18px}.card .label{color:#1e1e1e;font-size:16px;margin-bottom:10px;display:flex;align-items:center;gap:6px}.card img{filter:brightness(0) invert(0)}.card h1{font-size:36px;font-weight:700;color:#1e1e1e;width:100%;text-align:center}.top-section{display:flex;flex-direction:column;gap:40px;justify-content:center}.topBar-subsection{display:flex;flex-direction:row;gap:24px}.user-table{width:100%}.user-table td{padding:12px;text-align:left;font-weight:400;color:#1e1e1e}.user-table th{padding:0 12px 12px;text-align:left;font-weight:600;color:#1e1e1e}.user-table tbody tr:hover{background:#f5fcff;cursor:pointer}.table-row{background-color:#fff}.users-container{padding:30px;background-color:#d9fbff;border-radius:24px;border:1px solid #8DF4FF}.user-table{width:100%;border-collapse:separate;border-spacing:0 12px}.user-table tbody tr{background:#fff;border-radius:16px;overflow:hidden}.user-table tbody tr td:first-child{border-top-left-radius:20px;border-bottom-left-radius:20px}.user-table tbody tr td:last-child{border-top-right-radius:20px;border-bottom-right-radius:20px}.badge{padding:4px 8px;border-radius:18px;font-size:12px;color:#fff}.badge.active{background:#a6f6ff;color:#1e1e1e;font-size:16px}.badge.inactive{background-color:#d9d9d9;color:#1e1e1e;font-size:16px}.eye-icon{cursor:pointer;font-size:20px}.modal-overlay{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080}.modal{display:none;width:420px;background:#fff;border-radius:24px;padding:24px;position:fixed;left:50%;top:50%;transform:translate(-50%,-50%)}.modal-header{display:flex;justify-content:space-between;margin-bottom:15px;color:#1e1e1e}.modal-left{display:flex;flex-direction:column;align-items:center;gap:2px;position:relative}.modal-left h4{font-weight:600;color:#1e1e1e!important}.modal-right{display:flex;flex-direction:column;gap:8px}.modal-right p{display:flex;justify-content:space-between;color:#1e1e1e!important}.close-btn{cursor:pointer;font-size:20px}.modal-body{display:flex;flex-direction:column;gap:12px;background-color:#d9fbff;border-radius:24px;border:1px solid #80F3FF;padding:12px}.avatar{width:80px;height:80px;border-radius:50%}.badge.small{font-size:11px;padding:3px 8px;margin-top:4px;background:#d9d9d9;color:#1e1e1e;font-size:14px;position:absolute;top:0;right:0}.modal-footer{display:flex;justify-content:space-between;margin-top:20px}.btn{padding:10px 20px;border-radius:10px;cursor:pointer;border:none;width:100%}.cancel{background:#fff;border:1px solid #1E1E1E;color:#1e1e1e}.edit{background:#00e6fe;color:#fff;margin-left:12px}.users-header{display:flex;justify-content:space-between;align-items:center;padding:10px 5px;margin-top:40px}.left-info{display:flex;align-items:center;gap:10px;font-size:17px;font-weight:600;color:#1e1e1e}.user-icon{width:22px;height:22px}.right-info{display:flex;align-items:center;gap:12px}.showing-box{display:flex;align-items:center;gap:8px;font-size:16px;font-weight:500;color:#565656}.showing-box select{padding:6px;border-radius:8px;border:1px solid #565656;background:#fff;cursor:pointer;font-size:15px;color:#565656}.filter-btn{display:flex;align-items:center;gap:8px;padding:10px 12px;background:#1e1e1e;color:#fff;border-radius:25px;border:none;cursor:pointer;font-size:15px}.filter-btn img{width:18px;height:18px;filter:brightness(0) invert(1)}.left-info img{filter:brightness(0) invert(0)}.notification-container{width:100%;max-width:700px;background-color:#d9fbff;border-radius:24px;border:1px solid #8DF4FF;margin-top:40px;padding:24px}.n0tification-section{display:flex;justify-content:space-between;align-items:center;gap:12px}.search-input{width:100%;padding:12px 18px;border-radius:16px;border:none;font-size:15px}.filter-dropdown{background:#fff;padding:10px 16px;border-radius:16px;display:flex;gap:8px;align-items:center;cursor:pointer;border:none}.arrow-icon{width:16px}.notify-title-1ax{margin:20px 0 10px;font-size:16px;color:#333}.notification-list{display:flex;flex-direction:column;gap:14px}.notify-item{background:#fff;padding:16px;border-radius:24px;display:flex;align-items:flex-start;gap:14px;border:1px solid #E2F5FF}.icon-circle{width:42px;height:42px;background:#00e6fe;border-radius:50%;display:flex;align-items:center;justify-content:center}.icon-circle img{width:22px;height:22px}.text-block h5{margin:0;font-size:15px;color:#1e1e1e;font-weight:600}.text-block p{margin:2px 0 0;color:#555;font-size:13px}.time{margin-left:auto;font-size:13px;color:#777}.notify-semi-section{display:flex;gap:12px;align-items:center}.input-box{background:#fff6;width:270px;padding:12px 18px;border-radius:30px;display:flex;align-items:center;gap:10px}.input-box i{font-size:16px;color:#2b2b2b;cursor:pointer}.input-box input{width:100%;background:transparent;border:none;outline:none;font-size:16px;color:#1e1e1e}.input-box input:-webkit-autofill,.input-box input:-webkit-autofill:hover,.input-box input:-webkit-autofill:focus{-webkit-box-shadow:0 0 0px 1000px rgba(255,255,255,0) inset;-webkit-text-fill-color:#1e1e1e;transition:background-color 5000s ease-in-out 0s}.login-container{display:flex;flex-direction:column;gap:40px}.inputs-container{display:flex;flex-direction:column;gap:12px}button.login-btn{padding:12px;border:none;border-radius:26px;font-size:16px;color:#1e1e1e;margin-top:12px;cursor:pointer}