@charset "UTF-8";@import"https://fonts.googleapis.com/css2?family=Work+Sans:wght@400;500;600;700&display=swap";.login{display:flex;height:100vh;background-color:#fff;font-family:Work Sans,sans-serif}.login__mobile-logo{display:none;width:100%;text-align:center;padding:2rem 1rem 0}.login__mobile-logo img{width:180px}.login__left{flex:1.5;padding:2rem 3rem;position:relative;background:linear-gradient(to left,rgba(22,50,100,.05) 0%,transparent 5%);display:flex;flex-direction:column;align-items:center;justify-content:center;border-right:1px solid #dcdcdc}.login__left .login__logo{position:absolute;top:6rem;left:8rem;width:200px}.login__left .login__illustration{width:100%;max-width:550px;margin-top:6rem}.login__right{flex:1;background-color:#fff;padding:10rem;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}.login__right .login__title{font-size:2.5rem;color:#213f7d;font-weight:700;margin-bottom:.5rem}.login__right .login__subtitle{font-size:1.5rem;color:#545f7d;margin-bottom:2rem}.login__right .login__form{display:flex;flex-direction:column;gap:1.5rem;width:100%;max-width:400px}.login__right .login__form input{padding:1rem;border:1px solid rgba(84,95,125,.2);border-radius:5px;font-size:1rem;width:100%;box-sizing:border-box}.login__right .login__form .login__password-container{position:relative}.login__right .login__form .login__password-container input{width:100%}.login__right .login__form .login__password-container .login__toggle{position:absolute;top:50%;right:1rem;transform:translateY(-50%);background:none;border:none;color:#39cdcc;font-weight:600;cursor:pointer;font-size:.85rem}.login__right .login__form .login__forgot{color:#39cdcc;font-size:.85rem;font-weight:600;text-decoration:none;align-self:flex-start;margin-top:-1rem;margin-bottom:1rem}.login__right .login__form .login__btn{background-color:#39cdcc;color:#fff;border:none;padding:1rem;font-size:1rem;border-radius:8px;font-weight:700;cursor:pointer}.login__right .login__form .login__btn:hover{background-color:#2fbcbc}@media (max-width: 768px){.login{flex-direction:column;height:auto}.login__mobile-logo{display:block}.login__left{display:none}.login__right{width:100%;padding:2rem;align-items:center}.login__right .login__title,.login__right .login__subtitle{text-align:center}.login__right .login__form{max-width:90%;width:100%}}.sidebar{position:fixed;top:0;left:0;height:100%;background:#fff;box-shadow:2px 0 5px #0000000d;z-index:1000;transition:all .3s ease;overflow:hidden;display:flex;flex-direction:column}.sidebar.closed{width:60px}.sidebar.open{width:250px}.sidebar .drawer-handle{position:absolute;right:-20px;top:20px;background:#fff;border:1px solid #ddd;border-radius:50%;width:35px;height:35px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-weight:700;z-index:1001;transition:left .3s ease}.sidebar .sidebar-inner{display:flex;flex-direction:column;height:100%;overflow-y:auto;padding-top:20px}.sidebar .logo{padding:0 20px 20px}.sidebar .logo img{width:140px}.sidebar .nav-content{flex:1;padding:0 10px;overflow-y:auto}.sidebar .nav-group-title{margin:10px 0 5px 10px;font-size:12px;font-weight:600;color:#999}.sidebar .nav-group .nav-item{display:flex;align-items:center;gap:10px;padding:10px;color:#333;cursor:pointer;transition:background .3s}.sidebar .nav-group .nav-item svg{font-size:18px}.sidebar .nav-group .nav-item:hover,.sidebar .nav-group .nav-item.active{background:#e6f1ff;color:#1a73e8}.sidebar.mobile{position:fixed;left:0;top:0;height:100vh;z-index:1002}.sidebar.mobile.open{width:250px}.sidebar.mobile.closed{width:60px}.sidebar.mobile .sidebar-inner{padding-top:50px}.sidebar.desktop.closed~.main{margin-left:60px}.sidebar.desktop.open~.main{margin-left:250px}.overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0003;z-index:900}.navbar{position:fixed;top:0;left:var(--sidebar-width, 50px);width:calc(100% - var(--sidebar-width, 50px));height:70px;background-color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 2rem;z-index:999;transition:left .3s ease,width .3s ease;box-shadow:0 1px 4px #0000000f;backface-visibility:hidden;transform:translateZ(0)}.navbar .search-container{display:flex;height:40px;border:1px solid #ccc;border-radius:8px;overflow:hidden}.navbar .search-container input{border:none;outline:none;padding:0 1rem;font-size:.9rem;background-color:#fff;width:250px}.navbar .search-container input::placeholder{color:#999}.navbar .search-container .search-button{background-color:#39cdcc;border:none;width:40px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.2rem;cursor:pointer}.navbar .right-section{display:flex;align-items:center;gap:2rem}.navbar .right-section .docs-link{font-size:.9rem;color:#213f7d;font-weight:500}.navbar .right-section .notifications{font-size:1.3rem;color:#213f7d;cursor:pointer}.navbar .right-section .profile{display:flex;align-items:center;gap:.75rem}.navbar .right-section .profile img{width:40px;height:40px;border-radius:50%}.navbar .right-section .profile .name{font-size:.9rem;font-weight:600;color:#213f7d}.navbar .right-section .profile .dropdown{font-size:1rem;color:#555;cursor:pointer}@media (max-width: 768px){.navbar{left:60px;width:calc(100% - 60px);padding:0 1rem}.navbar .search-container input{width:140px}.navbar .right-section{gap:1rem}.navbar .right-section .docs-link,.navbar .right-section .name{display:none}}body{font-family:Work Sans,sans-serif;margin:0;padding:0;box-sizing:border-box}.dashboard-content{margin-left:260px;margin-top:70px;padding:3rem 5rem;overflow-y:auto;background:#f5f7fa}.dashboard-content .dashboard-title{font-size:1.5rem;margin-bottom:2rem;color:#213f7d}.dashboard-content .metrics-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:1.5rem;margin-bottom:2.5rem}.dashboard-content .metrics-cards .card{background:#fff;box-shadow:0 2px 8px #0000000d;border:1px solid #e3e3e3;padding:1.2rem 1rem;display:flex;flex-direction:column;gap:.5rem;border-radius:30px}.dashboard-content .metrics-cards .card .icon{width:40px;height:40px;border-radius:50%;background-color:#f5f7fa;display:flex;align-items:center;justify-content:center;font-size:1.2rem;color:#ccc}.dashboard-content .metrics-cards .card .label{font-size:.85rem;color:#999;margin-top:.3rem}.dashboard-content .metrics-cards .card .value{font-size:1.3rem;font-weight:700;color:#213f7d}.dashboard-content .user-table .table-header{margin-bottom:1rem}.dashboard-content .user-table .table-header h3{font-size:1.2rem;color:#213f7d}.dashboard-content .user-table .table-header p{font-size:.9rem;color:#666}.dashboard-content .user-table .table-placeholder{background:#fff;padding:2rem;border-radius:6px;border:1px dashed #ccc;color:#999;text-align:center}.users-table{background:#fff;padding:1.5rem;border-radius:.4rem;box-shadow:0 2px 6px #0000000a;overflow-x:auto}.users-table .table-controls{display:flex;justify-content:flex-end;margin-bottom:1rem}.users-table .table-controls .search-input{padding:.5rem 1rem;border:1px solid #ddd;border-radius:4px;width:100%;max-width:300px}.users-table table{min-width:300px;width:100%;border-collapse:collapse;font-size:.875rem}.users-table table th,.users-table table td{text-align:left;padding:.75rem;border-top:1px solid #f0f0f0}.users-table table th{color:#545f7d;background:#f9f9f9;font-weight:600}.users-table table td{color:#333}.users-table table td .status{padding:.25rem .75rem;border-radius:2rem;font-size:.75rem;font-weight:500}.users-table table td .status.active{background:#e6f9f6;color:#39cdcc}.users-table table td .status.inactive{background:#fef3f2;color:#d30000}.users-table table td .status.blacklisted{background:#fcebea;color:red}.users-table table td .status.pending{background:#fff8e5;color:#e9b200}.users-table table td .view-user-btn,.users-table table td .toggle-details{max-width:70%;margin-top:.5rem;padding:.3rem .6rem;border:none;border-radius:4px;font-size:.75rem;cursor:pointer;background:#213f7d;color:#fff}.users-table table td .view-user-btn.toggle-details,.users-table table td .toggle-details.toggle-details{background:#f0f0f0;color:#213f7d;margin-left:.5rem}.users-table .table-footer{margin-top:1.5rem;padding-top:1rem;border-top:1px solid #eee;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap}.users-table .table-footer .rows-info{font-size:.875rem;color:#545f7d}.users-table .table-footer .pagination{display:flex;align-items:center;gap:.4rem;flex-wrap:wrap}.users-table .table-footer .pagination .page-btn{border:1px solid #dcdcdc;background-color:#fff;color:#545f7d;font-size:.75rem;padding:.4rem .65rem;border-radius:4px;cursor:pointer}.users-table .table-footer .pagination .page-btn.active{background-color:#39cdcc;color:#fff;border-color:#39cdcc}.users-table .table-footer .pagination .dots{font-size:.75rem;color:#888}@media (max-width: 768px){.users-table{padding:1rem}.users-table table thead{display:none}.users-table table,.users-table tbody,.users-table tr,.users-table td{display:block;width:100%}.users-table tr{margin-bottom:1rem;border:1px solid #eee;border-radius:6px;padding:.75rem;background:#fff;box-shadow:0 2px 4px #00000008}.users-table td{padding:.4rem 0;position:relative}.users-table td:before{content:attr(data-label);font-weight:600;text-transform:capitalize;display:block;color:#888;margin-bottom:.25rem}.users-table .table-controls .search-input{width:100%}.users-table .view-user-btn,.users-table .toggle-details{margin-top:.75rem;width:100%}}.users-page-grid{display:flex;gap:1.5rem;align-items:flex-start}@media (max-width: 768px){.users-page-grid{flex-direction:column}}.filters-card{background:#fff;padding:1.5rem;border-radius:.4rem;box-shadow:0 2px 6px #0000000a;width:280px}@media (max-width: 768px){.filters-card{width:100%}}.filters-card .filters-grid{display:grid;grid-template-columns:1fr;gap:1rem}.filters-card .filters-grid label{display:block;font-size:.75rem;color:#888;margin-bottom:.3rem}.filters-card .filters-grid input,.filters-card .filters-grid select{width:100%;padding:.5rem;border:1px solid #ddd;border-radius:4px;font-size:.85rem}.filters-card .filters-grid .filter-actions{display:flex;gap:.5rem}@media (max-width: 768px){.filters-card .filters-grid .filter-actions{flex-direction:column}}.filters-card .filters-grid .filter-actions button{padding:.5rem 1rem;border:none;border-radius:4px;font-size:.85rem;cursor:pointer;transition:background-color .2s}.filters-card .filters-grid .filter-actions button.btn-primary{background-color:#39cdcc;color:#fff}.filters-card .filters-grid .filter-actions button.btn-secondary{background-color:#f4f4f4;color:#333}.filters-card .filters-grid .filter-actions button:hover{background-color:#e2e2e2}.detailed-users-table{background:#fff;padding:1.5rem;border-radius:.5rem;box-shadow:0 2px 8px #0000000a;overflow-x:auto}.detailed-users-table table{width:100%;border-collapse:collapse;font-size:.85rem}.detailed-users-table table th{text-align:left;padding:.75rem;background:#f9fafc;color:#545f7d;font-weight:600}.detailed-users-table table th svg{margin-left:.3rem;vertical-align:middle;color:#999}.detailed-users-table table td{padding:.75rem;border-top:1px solid #f0f0f0;color:#333}.detailed-users-table table td .status-tag{padding:.3rem .8rem;border-radius:999px;font-size:.75rem;font-weight:600;text-transform:capitalize;display:inline-block}.detailed-users-table table td .status-tag.inactive{background:#fef3f2;color:#d30000}.detailed-users-table table td .status-tag.pending{background:#fff8e5;color:#e9b200}.detailed-users-table table td .status-tag.active{background:#e6f9f6;color:#39cdcc}.detailed-users-table table td .status-tag.blacklisted{background:#fcebea;color:red}.detailed-users-table table td .dropdown-trigger{position:relative;cursor:pointer;width:24px}.detailed-users-table table td .dropdown-trigger svg{color:#999}.detailed-users-table table td .dropdown-trigger .dropdown-menu{display:none;position:absolute;top:20px;right:0;background:#fff;box-shadow:0 2px 10px #0000000d;border-radius:4px;z-index:10;width:150px;padding:.5rem}.detailed-users-table table td .dropdown-trigger .dropdown-menu .dropdown-item{display:flex;align-items:center;gap:.5rem;padding:.4rem;font-size:.8rem;cursor:pointer}.detailed-users-table table td .dropdown-trigger .dropdown-menu .dropdown-item:hover{background:#f9f9f9}.detailed-users-table table td .dropdown-trigger .dropdown-menu .dropdown-item svg{color:#545f7d}.detailed-users-table table td .dropdown-trigger:hover .dropdown-menu{display:block}.user-filter-sidebar{background:#fff;padding:1rem;border:1px solid #f0f0f0;border-radius:.5rem;width:220px;margin-right:1.5rem;flex-shrink:0}.user-filter-sidebar form{display:flex;flex-direction:column;gap:1rem}.user-filter-sidebar form .form-group{display:flex;flex-direction:column}.user-filter-sidebar form .form-group label{font-size:.75rem;color:#545f7d;margin-bottom:.25rem}.user-filter-sidebar form .form-group input,.user-filter-sidebar form .form-group select{padding:.5rem;border:1px solid #ccc;border-radius:4px;font-size:.85rem;background:#f9fafc}.user-filter-sidebar form .form-buttons{display:flex;justify-content:space-between;gap:.5rem}.user-filter-sidebar form .form-buttons .reset{background:transparent;border:1px solid #545f7d;color:#545f7d;padding:.5rem 1rem;border-radius:4px;cursor:pointer}.user-filter-sidebar form .form-buttons .filter{background:#39cdcc;border:none;color:#fff;padding:.5rem 1rem;border-radius:4px;cursor:pointer}.user-details-page .back-button{background:none;border:none;color:#545f7d;font-size:.9rem;margin-bottom:1rem;cursor:pointer}.user-details-page .header-actions{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;margin-bottom:2rem;background:#fff;padding:1.5rem;border-radius:6px;border:1px solid #e0e0e0}.user-details-page .user-info-card{display:flex;align-items:center;gap:2rem}.user-details-page .user-info-card .avatar-circle{width:60px;height:60px;border-radius:50%;background:#e6e6e6;color:#333;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.3rem}.user-details-page .user-info-card .user-meta h2{margin:0;font-size:1rem;color:#213f7d}.user-details-page .user-info-card .user-meta p{font-size:.85rem;color:#999}.user-details-page .user-info-card .user-tier p{font-size:.75rem;color:#999}.user-details-page .user-info-card .user-tier .stars .star{font-size:1rem;color:#ccc;margin-right:.2rem}.user-details-page .user-info-card .user-tier .stars .star.filled{color:#e9b200}.user-details-page .user-info-card .account-info h2{font-size:1.3rem;margin:0}.user-details-page .user-info-card .account-info p{font-size:.85rem;color:#999}.user-details-page .user-actions{display:flex;gap:1rem}.user-details-page .user-actions button{padding:.6rem 1.2rem;border-radius:4px;font-size:.85rem;cursor:pointer}.user-details-page .user-actions .blacklist{background:transparent;border:1px solid #d30000;color:#d30000}.user-details-page .user-actions .activate{background:#39cdcc;border:none;color:#fff}.user-details-page .details-tabs{display:flex;gap:2rem;border-bottom:1px solid #eee;padding-bottom:.5rem;margin-bottom:2rem}.user-details-page .details-tabs .tab{font-size:.85rem;color:#545f7d;cursor:pointer;padding-bottom:.3rem}.user-details-page .details-tabs .tab.active{border-bottom:2px solid #39cdcc;color:#39cdcc;font-weight:600}.user-details-page .details-section{margin-bottom:2rem;background-color:#fff;padding:1.5rem;border-radius:6px;border:1px solid #e0e0e0}.user-details-page .details-section h3{font-size:1rem;color:#213f7d;margin-bottom:1rem}.user-details-page .details-section .info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem}.user-details-page .details-section .info-grid .label{font-size:.75rem;color:#999}.user-details-page .details-section .info-grid p{margin:.2rem 0;font-size:.85rem;color:#333}.layout{display:flex}.main-content{margin-left:50px;padding:2rem;flex:1;transition:margin-left .3s ease}