.login-container{display:flex;min-height:100vh;font-family:Arial,sans-serif}.login-container .login-left{flex:1;background-color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem}.login-container .login-left .loginlogo{width:173px;height:36px;margin-left:2.5rem;margin-bottom:1rem;align-self:flex-start}.login-container .login-left .logo{width:100%;margin-top:3rem}.login-container .login-left .illustration img{width:100%;max-width:400px}.login-container .login-right{flex:1;background-color:#f9f9f9;padding:4rem;display:flex;flex-direction:column;justify-content:center}.login-container .login-right h1{color:#213f7d;font-size:2rem;margin-bottom:.5rem}.login-container .login-right p{margin-bottom:2rem;color:#545f7d}.login-container .login-right .login-form{display:flex;flex-direction:column;outline:none}.login-container .login-right .login-form input{padding:1rem;font-size:1rem;border:1px solid #ccc;border-radius:5px;margin-bottom:1rem}.login-container .login-right .login-form .password-field{display:flex;align-items:center;border:1px solid #ccc;border-radius:5px;height:2rem;padding:0 .5rem;margin-bottom:1rem;background-color:#fff}.login-container .login-right .login-form .password-field input{flex:1;border:none;outline:none;padding:0;margin:0;font-size:1rem;background:transparent;height:100%}.login-container .login-right .login-form .password-field .toggle-password{font-size:.875rem;color:#39cdcc;cursor:pointer;-webkit-user-select:none;user-select:none;padding-left:1rem;height:100%;display:flex;align-items:center}.login-container .login-right .login-form .forgot-password{color:#39cdcc;font-size:.875rem;text-decoration:none;margin-bottom:1.5rem}.login-container .login-right .login-form .login-button{background-color:#39cdcc;color:#fff;padding:1rem;font-size:1rem;border:none;border-radius:5px;cursor:pointer;transition:background-color .3s}.login-container .login-right .login-form .login-button:hover{background-color:#2aa9a9}@media (max-width: 992px){.login-container .login-left{padding:1.5rem}.login-container .login-left .logo{margin-top:2rem}.login-container .login-right{padding:3rem}.login-container .login-right h1{font-size:1.75rem}.login-container .login-right .login-form input,.login-container .login-right .login-form .password-field,.login-container .login-right .login-form .login-button{font-size:.95rem}}@media (max-width: 768px){.login-container{flex-direction:column}.login-container .login-left,.login-container .login-right{flex:none;width:100%;padding:2rem}.login-container .login-left .loginlogo{margin-left:0;align-self:center}.login-container .login-left .logo{margin-top:2rem;max-width:300px}.login-container .login-right{padding-top:1rem}.login-container .login-right h1{font-size:1.5rem;text-align:center}.login-container .login-right p{text-align:center;font-size:.95rem}.login-container .login-right .login-form input,.login-container .login-right .login-form .password-field,.login-container .login-right .login-form .login-button{font-size:.95rem;width:100%}.login-container .login-right .login-form .forgot-password{text-align:right}}@media (max-width: 480px){.login-container .login-left .logo{max-width:250px}.login-container .login-right{padding:.7rem;background-color:transparent}.login-container .login-right h1{font-size:1.3rem}.login-container .login-right .login-form{margin-left:2rem}.login-container .login-right .login-form input,.login-container .login-right .login-form .password-field,.login-container .login-right .login-form .login-button{padding:.85rem;width:auto}}.users-page{font-family:Arial,sans-serif;background-color:#f9f9f9}.users-page .navbar{position:fixed;top:0;left:0;right:0;height:80px;background-color:#fff;z-index:1000;box-shadow:0 2px 4px #0000000d}.users-page .sidebar{position:fixed;top:80px;left:0;width:240px;height:calc(100vh - 80px);background-color:#fff;padding:2rem 1rem;border-right:1px solid #eee;overflow-y:auto;z-index:999}@media (max-width: 768px){.users-page .sidebar{display:none}}.users-page .sidebar.sidebar--open{display:block}@media (max-width: 768px){.users-page .sidebar.sidebar--open{position:fixed;top:60px;width:100%;height:calc(100vh - 60px);background:#fff;border-bottom:1px solid #eee;padding:1rem}}.users-page .sidebar-toggle{position:absolute;top:16px;left:1rem;background:none;border:none;font-size:1.5rem;z-index:1501;color:#213f7d}@media (min-width: 769px){.users-page .sidebar-toggle{display:none}}.users-page .content-area{margin-left:240px;padding-top:100px;padding-left:5rem;padding-right:4rem}.users-page .users-main h1.page-title{color:#213f7d;margin-bottom:1.5rem}.users-page .users-main .stats-cards{display:flex;gap:1rem;margin-bottom:2rem}.users-page .users-main .stats-cards .card{background-color:#fff;padding:1.5rem;border-radius:8px;box-shadow:0 2px 5px #0000000d;flex:1;font-size:.875rem;color:#545f7d;text-align:left}.users-page .users-main .stats-cards .card .icon{margin-bottom:.5rem}.users-page .users-main .stats-cards .card .icon-card{width:40px;height:40px;border-radius:50%}.users-page .users-main .stats-cards .card p{margin:0}.users-page .users-main .stats-cards .card h3{margin:1rem 0 0;font-size:1.25rem;font-weight:700;color:#213f7d}.users-page .users-main .stats-cards .card .pink{color:#e4033b}.users-page .users-main .stats-cards .card .purple{color:#6b5bd2}.users-page .users-main .stats-cards .card .peach{color:#f79b36}.users-page .users-main .stats-cards .card .red{color:#e4033b}.users-page .users-main .filter-card-container{position:absolute;z-index:10;margin-top:5rem;left:22rem}.users-page .users-main .user-table-container{background:#fff;border-radius:8px;box-shadow:0 2px 5px #0000000d;overflow-x:auto;padding:30px;scrollbar-width:none;-ms-overflow-style:none}.users-page .users-main .user-table-container::-webkit-scrollbar{width:0px;background:transparent}.users-page .users-main .user-table-container .user-table{width:100%;border-collapse:collapse}.users-page .users-main .user-table-container .user-table thead th{text-align:left;padding-top:1rem;padding-bottom:1rem;padding-right:1rem;font-weight:600;color:#545f7d;font-size:12px}.users-page .users-main .user-table-container .user-table thead th span{margin-right:.3rem}.users-page .users-main .user-table-container .user-table thead th .icon{cursor:pointer}.users-page .users-main .user-table-container .user-table tbody tr{border-top:1px solid #eee}.users-page .users-main .user-table-container .user-table tbody tr:hover{background-color:#f9f9f9}.users-page .users-main .user-table-container .user-table tbody tr td{padding-top:1rem;padding-bottom:1rem;padding-right:1rem;color:#545f7d;font-size:12px}.users-page .users-main .user-table-container .user-table tbody tr td .status{padding:.25rem .75rem;border-radius:12px;font-weight:500;font-size:.75rem}.users-page .users-main .user-table-container .user-table tbody tr td .status.active{background-color:#e6fffa;color:#39cdcc}.users-page .users-main .user-table-container .user-table tbody tr td .status.pending{background-color:#fff4e5;color:#e9b200}.users-page .users-main .user-table-container .user-table tbody tr td .status.inactive{background-color:#f5f5f5;color:#999}.users-page .users-main .user-table-container .user-table tbody tr td .status.blacklisted{background-color:#ffe5e5;color:#e4033b}.users-page .users-main .user-table-container .user-table tbody .toggle-cell{position:relative}.users-page .users-main .user-table-container .user-table tbody .toggle-cell .user-actions{position:absolute;top:1.5rem;right:0;z-index:10}.users-page .users-main .pagination{display:flex;justify-content:space-between;align-items:center;font-size:.875rem;color:#213f7d;padding:1.5rem 0 2rem;flex-wrap:wrap;gap:1rem}.users-page .users-main .pagination .page-info{font-weight:500;display:flex;align-items:center}.users-page .users-main .pagination .page-info span{margin-right:.5rem}.users-page .users-main .pagination .page-info select{padding:.4rem .75rem;margin-right:.5rem;border:none;border-radius:6px;background-color:#213f7d1a;color:#213f7d;font-size:.875rem;cursor:pointer;outline:none}.users-page .users-main .pagination .page-info select:hover{background-color:#213f7d;color:#fff}.users-page .users-main .pagination .page-controls{display:flex;align-items:center;gap:.25rem}.users-page .users-main .pagination .page-controls span{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:6px;color:#213f7d;font-weight:500;cursor:pointer;transition:background .3s}.users-page .users-main .pagination .page-controls span.page{font-size:.875rem}.users-page .users-main .pagination .page-controls span.active{background-color:#213f7d;color:#fff;font-weight:700}.users-page .users-main .pagination .page-controls span.disabled{opacity:.4;pointer-events:none}.users-page .users-main .pagination .page-controls span:hover:not(.active):not(.disabled){background-color:#213f7d1a}@media (max-width: 1024px){.users-page .content-area{padding-left:2rem;padding-right:2rem}.users-page .users-main .stats-cards{flex-wrap:wrap;gap:1rem}.users-page .users-main .stats-cards .card{flex:1 1 calc(50% - .5rem)}.users-page .users-main .user-table-container{padding:1.5rem}.users-page .users-main .filter-card-container{margin-top:3.5rem;left:2rem}.users-page .users-main .pagination{flex-direction:column;align-items:flex-start;gap:1rem}}@media (max-width: 768px){.users-page .navbar{height:60px}.users-page .sidebar{position:relative;width:100%;height:auto;padding:1rem;border-right:none;border-bottom:1px solid #eee}.users-page .content-area{margin-left:0;padding:2rem 1rem 1rem}.users-page .users-main h1.page-title{font-size:1.4rem}.users-page .users-main .stats-cards{flex-direction:column}.users-page .users-main .stats-cards .card{width:100%}.users-page .users-main .user-table-container{padding:1rem}.users-page .users-main .user-table-container .user-table thead th,.users-page .users-main .user-table-container .user-table tbody td{font-size:.75rem;white-space:nowrap;padding-right:.5rem}.users-page .users-main .pagination .page-controls{flex-wrap:wrap;justify-content:center}}@media (max-width: 480px){.users-page .users-main{margin-top:3rem}.users-page .users-main h1.page-title{font-size:1.2rem}.users-page .users-main .stats-cards .card{padding:1rem 0}.users-page .users-main .stats-cards .card .icon,.users-page .users-main .stats-cards .card p,.users-page .users-main .stats-cards .card h3{margin-left:1rem}.users-page .users-main .user-table-container{padding:.5rem}.users-page .users-main .user-table-container .user-table{font-size:.7rem}.users-page .users-main .user-table-container .user-table th,.users-page .users-main .user-table-container .user-table td{padding:.5rem}.users-page .users-main .pagination{font-size:.75rem}.users-page .users-main .pagination .page-controls span{width:26px;height:26px;font-size:.75rem}}.sidebar{width:240px;background-color:#fff;padding:1.5rem 1rem;color:#545f7d;font-size:.875rem;height:100%;overflow-y:auto;font-family:Work Sans,sans-serif;scrollbar-width:none;-ms-overflow-style:none}.sidebar::-webkit-scrollbar{width:0px;background:transparent}.sidebar .org-switcher{display:flex;align-items:center;gap:.5rem;padding-left:.7rem;font-weight:600;margin-bottom:2rem}.sidebar .org-switcher .chevron-icon{font-size:.75rem}.sidebar .section-title{margin-top:2rem;font-size:.75rem;font-weight:600;color:#545f7d;padding-left:.5rem;margin-bottom:1rem}.sidebar .nav-group{list-style:none;padding:0;margin-bottom:1.5rem}.sidebar .nav-group .nav-item{display:flex;align-items:center;padding:.8rem .75rem;border-radius:4px;cursor:pointer;color:#213f7d;font-weight:400;font-size:16px;transition:background .2s ease}.sidebar .nav-group .nav-item:hover{background-color:#f5f8fa}.sidebar .nav-group .nav-item.active{background-color:#eefaff;color:#39cdcc;font-weight:700}.sidebar .nav-group .nav-item .icon{margin-right:.75rem;font-size:1rem}.sidebar .nav-group .nav-item span{flex:1}.sidebar .divider{border:none;height:1px;background-color:#eee;margin:2rem 0}.sidebar .logout-section{display:flex;align-items:center;gap:.75rem;padding-left:.5rem;margin-top:2rem}.sidebar .logout-section .logout-icon{font-size:1rem}.sidebar .logout-section .logout-btn{background:none;border:none;color:#213f7d;font-weight:700;cursor:pointer;padding:0}.sidebar .footer{text-align:left;font-size:12px;color:#213f7d;padding:1rem 0 0 .5rem;margin-bottom:3rem}.navbar{position:fixed;top:0;left:0;right:0;height:80px;background-color:#fff;border-bottom:1px solid #eee;display:flex;align-items:center;justify-content:space-between;padding:0 2rem;z-index:1000;box-shadow:0 2px 6px #00000008}.navbar .navbar-left{display:flex;align-items:center;gap:2rem}.navbar .navbar-left .menu-icon{display:none;font-size:1.5rem;cursor:pointer}.navbar .navbar-left .logo{width:140px}.navbar .navbar-left .search-bar{display:flex;align-items:center;border:1px solid #ccc;border-radius:4px;background-color:#f9f9f9;overflow:hidden;margin-left:7.75rem}.navbar .navbar-left .search-bar input{padding:.65rem 1rem;border:none;outline:none;background:transparent;font-size:.875rem;width:250px}.navbar .navbar-left .search-bar button{background-color:#39cdcc;color:#fff;border:none;padding:.65rem 1rem;cursor:pointer}.navbar .navbar-left .search-bar button:hover{background-color:#2bbab9}.navbar .navbar-right{display:flex;align-items:center;gap:1.5rem;font-size:.875rem}.navbar .navbar-right .docs-link{color:#213f7d;font-weight:500}.navbar .navbar-right .icon.bell{font-size:1.2rem;color:#213f7d;cursor:pointer}.navbar .navbar-right .avatar{width:48px;height:48px;border-radius:50%;object-fit:cover}.navbar .navbar-right .username{font-weight:600;color:#213f7d}@media (max-width: 768px){.navbar{padding:0 1rem}.navbar .navbar-left{padding-left:3rem;gap:1rem}.navbar .navbar-left .logo{width:110px;margin-top:12px}.navbar .navbar-left .menu-icon{display:block}.navbar .navbar-left .search-bar,.navbar .navbar-right .username,.navbar .navbar-right .docs-link{display:none}}.filter-card{background:#fff;padding:20px;width:270px;border-radius:8px;box-shadow:0 4px 12px #00000014;display:flex;flex-direction:column;gap:1.5rem;font-family:Work Sans,sans-serif}.filter-card .form-group{display:flex;flex-direction:column;gap:.5rem}.filter-card .form-group label{font-weight:600;font-size:.875rem;color:#545f7d}.filter-card .form-group input,.filter-card .form-group select{padding:.9rem 1rem;border:1px solid #d9d9d9;border-radius:8px;font-size:.9375rem;color:#545f7d;background-color:transparent;outline:none;font-weight:500;-webkit-appearance:none;-moz-appearance:none;appearance:none}.filter-card .form-group .input-wrapper{position:relative;display:flex;align-items:center}.filter-card .form-group .input-wrapper input,.filter-card .form-group .input-wrapper select{width:100%;padding-right:2rem}.filter-card .form-group .input-wrapper .icon{position:absolute;right:1rem;color:#6c757d;font-size:1rem;pointer-events:none}.filter-card .form-group .input-wrapper.select select,.filter-card .form-group .input-wrapper.date input{cursor:pointer}.filter-card .button-group{display:flex;align-items:center;gap:1rem;margin-top:1rem;flex-wrap:wrap}.filter-card .button-group button{width:100px;font-weight:600;font-size:1rem;padding:.75rem 1.5rem;border-radius:10px;cursor:pointer;border:2px solid transparent;transition:all .2s ease}.filter-card .button-group .reset-btn{background:transparent;border-color:#545f7d;color:#545f7d}.filter-card .button-group .reset-btn:hover{background:#f0f0f0}.filter-card .button-group .filter-btn{background:#39cdcc;color:#fff}.filter-card .button-group .filter-btn:hover{background:#2fbdbd}@media (max-width: 768px){.filter-card{width:100%;padding:1.5rem}.filter-card .form-group label{font-size:.8rem}.filter-card .form-group input,.filter-card .form-group select{font-size:.875rem}.filter-card .form-group .input-wrapper .icon{font-size:.9rem}.filter-card .button-group{justify-content:space-between;gap:.5rem}.filter-card .button-group button{flex:1 1 45%;width:auto;font-size:.875rem;padding:.65rem 1rem}}@media (max-width: 480px){.filter-card{padding:1rem}.filter-card .form-group{gap:.4rem}.filter-card .form-group label{font-size:.75rem}.filter-card .form-group input,.filter-card .form-group select{font-size:.8rem;padding:.75rem}.filter-card .form-group .input-wrapper .icon{font-size:.85rem}.filter-card .button-group{flex-direction:column;align-items:stretch}.filter-card .button-group button{width:100%;font-size:.875rem}}.user-actions{background-color:#fff;border-radius:8px;box-shadow:0 8px 20px #0000001f;padding:1rem;width:180px;display:flex;flex-direction:column;gap:1rem;font-family:Work Sans,sans-serif}.action{display:flex;align-items:center;gap:.75rem;color:#545f7d;font-size:14px;cursor:pointer;transition:background .2s ease}.action .icon{font-size:16px}.action:hover{background-color:#f1f4f9;border-radius:6px;padding:.25rem .5rem}.user-details-page{display:flex;background-color:#f8f9fc}.user-details-page .sidebar{position:fixed;top:80px;left:0;width:240px;height:calc(100vh - 80px);background-color:#fff;padding:2rem 1rem;border-right:1px solid #eee;z-index:999}@media (max-width: 768px){.user-details-page .sidebar{display:none}}.user-details-page .sidebar.sidebar--open{display:block}@media (max-width: 768px){.user-details-page .sidebar.sidebar--open{position:fixed;top:60px;height:calc(100vh - 60px);width:100%;border-right:none;border-bottom:1px solid #eee;padding:1rem;background:#fff;z-index:999}}.user-details-page .sidebar-toggle{position:absolute;top:16px;left:1rem;background:none;border:none;font-size:1.5rem;z-index:1501;color:#213f7d}@media (min-width: 769px){.user-details-page .sidebar-toggle{display:none}}.user-details-page .user-details-main{flex:1;margin-left:240px;padding-top:40px;padding-left:5rem;padding-right:4rem;font-family:Work Sans,sans-serif;color:#213f7d}@media (max-width: 1024px){.user-details-page .user-details-main{padding-left:2rem;padding-right:2rem}}@media (max-width: 768px){.user-details-page .user-details-main{margin-left:0;padding:1rem}}.user-details-page .user-details-main .back-button{color:#545f7d;font-size:.875rem;font-weight:500;margin-bottom:1.5rem;cursor:pointer}.user-details-page .user-details-main .user-details-container{display:flex;flex-direction:column;gap:1.5rem;padding-top:6rem}.user-details-page .user-details-main .user-details-container .top-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem;flex-wrap:wrap}.user-details-page .user-details-main .user-details-container .top-header .left{display:flex;flex-direction:column;gap:.5rem}.user-details-page .user-details-main .user-details-container .top-header .left .back-link{display:flex;align-items:center;color:#545f7d;font-weight:500;font-size:14px;cursor:pointer}.user-details-page .user-details-main .user-details-container .top-header .left .back-link .arrow-icon{margin-right:.5rem}.user-details-page .user-details-main .user-details-container .top-header .left .back-link:hover{text-decoration:underline}.user-details-page .user-details-main .user-details-container .top-header .left h2{font-size:24px;color:#213f7d;font-weight:700}.user-details-page .user-details-main .user-details-container .top-header .action-buttons{display:flex;gap:1rem;margin-top:1rem}.user-details-page .user-details-main .user-details-container .top-header .action-buttons .blacklist-btn,.user-details-page .user-details-main .user-details-container .top-header .action-buttons .activate-btn{padding:.5rem 1.2rem;font-weight:600;border-radius:8px;font-size:14px;background:transparent;cursor:pointer;border:2px solid;transition:all .3s ease}.user-details-page .user-details-main .user-details-container .top-header .action-buttons .blacklist-btn{color:#e4033b;border-color:#e4033b}.user-details-page .user-details-main .user-details-container .top-header .action-buttons .blacklist-btn:hover{background-color:#ffe8ee}.user-details-page .user-details-main .user-details-container .top-header .action-buttons .activate-btn{color:#39cdcc;border-color:#39cdcc}.user-details-page .user-details-main .user-details-container .top-header .action-buttons .activate-btn:hover{background-color:#e7f9f9}.user-details-page .user-details-main .user-details-container .user-details-header{background:#fff;padding:2rem;border-radius:8px 8px 0 0;box-shadow:0 2px 12px #0000000d;display:flex;align-items:center;flex-wrap:wrap;gap:2rem}.user-details-page .user-details-main .user-details-container .user-details-header .user-info{display:flex;align-items:center;gap:1.5rem}.user-details-page .user-details-main .user-details-container .user-details-header .user-info .avatar{width:100px;height:100px;border-radius:50%;background-color:#eef0f6;display:flex;align-items:center;justify-content:center;font-size:40px;color:#213f7d}.user-details-page .user-details-main .user-details-container .user-details-header .user-info h2{font-size:20px;font-weight:600;color:#213f7d}.user-details-page .user-details-main .user-details-container .user-details-header .user-info p{font-size:13px;color:#545f7d;margin-top:.2rem}.user-details-page .user-details-main .user-details-container .user-details-header .user-tier{display:flex;flex-direction:column;align-items:center;padding:0 2rem;border-left:1px solid #dfe1e6;border-right:1px solid #dfe1e6}.user-details-page .user-details-main .user-details-container .user-details-header .user-tier span{font-size:13px;color:#545f7d;margin-bottom:.3rem}.user-details-page .user-details-main .user-details-container .user-details-header .user-tier .stars{color:gold;font-size:18px}.user-details-page .user-details-main .user-details-container .user-details-header .account-info{display:flex;flex-direction:column}.user-details-page .user-details-main .user-details-container .user-details-header .account-info h3{font-size:20px;color:#213f7d;margin-bottom:.3rem}.user-details-page .user-details-main .user-details-container .user-details-header .account-info p{font-size:13px;color:#545f7d}.user-details-page .user-details-main .user-details-container .tabs{background:#fff;padding:0 2rem;display:flex;justify-content:space-between;gap:2.5rem;flex-wrap:wrap}.user-details-page .user-details-main .user-details-container .tabs button{padding:1rem 0;background:none;border:none;font-weight:500;font-size:14px;color:#545f7d;cursor:pointer;position:relative}.user-details-page .user-details-main .user-details-container .tabs button.active{color:#39cdcc}.user-details-page .user-details-main .user-details-container .tabs button.active:after{content:"";position:absolute;bottom:-1px;left:0;width:100%;height:2px;background:#39cdcc}.user-details-page .user-details-main .user-sections{background-color:#fff;padding:2rem;border-radius:4px;box-shadow:0 1px 2px #0000000d;display:flex;flex-direction:column;gap:2.5rem}.user-details-page .user-details-main .user-sections section{position:relative;padding-bottom:2rem}.user-details-page .user-details-main .user-sections section h3{font-size:16px;font-weight:600;color:#213f7d;margin-bottom:1rem}.user-details-page .user-details-main .user-sections section .info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));row-gap:1.5rem;font-size:16px;font-weight:500}.user-details-page .user-details-main .user-sections section .info-grid div{display:flex;flex-direction:column}.user-details-page .user-details-main .user-sections section .info-grid div strong{color:#545f7d;font-weight:500;text-transform:uppercase;font-size:12px;margin-bottom:.25rem;padding-bottom:.2rem}.user-details-page .user-details-main .user-sections section .info-grid div span,.user-details-page .user-details-main .user-sections section .info-grid div div{color:#213f7d;font-weight:600;font-size:.875rem}.user-details-page .user-details-main .user-sections section:not(:last-child):after{content:"";position:absolute;bottom:0;left:0;width:100%;height:1px;background-color:#eee}@media (max-width: 480px){.user-details-page .user-details-main{padding:1rem}.user-details-page .user-details-main .user-details-header{flex-direction:column;align-items:flex-start}.user-details-page .user-details-main .tabs{flex-direction:column;align-items:flex-start;gap:1rem}.user-details-page .user-details-main .user-sections{padding:1rem}}