body{margin:0;padding:0;background-color:rgba(253,253,253,1);color:#333}#root{width:100%;height:100vh}.app-container{width:100%;height:100%;overflow:hidden}.app-bar{width:100%;height:56px;background-color:rgba(25,25,25,1);color:white;z-index:10}.app-bar-content{width:100%;height:100%;display:flex;align-items:center;justify-content:space-between;padding:0 1.5rem;overflow:hidden}.app-bar-brand{display:flex;align-items:center;gap:1rem;flex:1 1;padding-left:10px}.app-bar-icon{display:flex;align-items:center;justify-content:center;padding:0;border:none;background:none;cursor:pointer}.app-bar-logo{gap:7px;font-size:.75rem;font-weight:700;white-space:nowrap}.app-bar-avatar,.app-bar-logo{display:flex;align-items:center;color:white}.app-bar-avatar{justify-content:center}.sidebar{box-shadow:0 1px 3px 0 rgba(0,0,0,.12),0 1px 1px 0 rgba(0,0,0,.14),0 2px 1px -1px rgba(0,0,0,.2);background-color:#5d5d5d;min-width:240px;width:240px;height:calc(100vh - 56px);overflow-y:auto;overflow-x:hidden;scroll-behavior:smooth;transition:min-width .3s ease,width .3s ease,padding .3s ease}.sidebar::-webkit-scrollbar{width:6px}.sidebar::-webkit-scrollbar-track{background:rgba(255,255,255,.1)}.sidebar::-webkit-scrollbar-thumb{background:rgba(255,255,255,.3);border-radius:3px}.sidebar::-webkit-scrollbar-thumb:hover{background:rgba(255,255,255,.5)}.sidebar.sidebar-collapsed{min-width:0;width:0;padding:0}.sidebar.sidebar-collapsed .sidebar-item-content{justify-content:center;padding:.25rem}.sidebar.sidebar-collapsed .sidebar-item-icon{margin:0}.sidebar-padding{width:100%;padding:.5rem}.sidebar-item{width:100%;overflow:hidden}.sidebar-divider{height:1px;background-color:#7d7d7d;margin:0 1rem}.sidebar.sidebar-collapsed .sidebar-divider{display:none}.sidebar-item-content{display:flex;width:100%;align-items:center;overflow:hidden;background:transparent;padding:.25rem 1rem;min-height:48px;cursor:pointer;transition:background-color .2s ease}.sidebar-item-content:hover{background-color:rgba(255,255,255,.15);border-radius:4px}.sidebar-item-content.active .sidebar-item-label{font-weight:700}.sidebar-item-icon{display:flex;min-width:26px;flex-direction:column;margin:auto;color:white}.sidebar-item-icon img{width:18px;height:18px}.sidebar-item-label{font-size:.75rem;color:white;white-space:nowrap;letter-spacing:.4px;line-height:1.8;flex:1 1;margin:auto;padding:.25rem 0}.sidebar-item-toggle{display:flex;flex-direction:column;overflow:hidden;align-items:center;justify-content:center;width:34px;margin:auto;padding:5px;border-radius:100px;color:white}.sidebar-item-toggle img{width:1.5rem;height:1.5rem}.sidebar-sub-item{width:100%;overflow:hidden;font-size:.75rem;color:rgba(255,255,255,.85);white-space:nowrap;letter-spacing:.4px;line-height:1.8;padding-left:22px;transition:all .2s ease}.sidebar-sub-item:hover{background:linear-gradient(135deg,#e3f2fd,#bbdefb);transform:translateX(2px);border-radius:4px}.sidebar-sub-item-content{display:flex;width:100%;align-items:center;overflow:hidden;padding:.25rem 1rem;min-height:48px}.sidebar-sub-item-label{width:100%;flex:1 1;margin:auto;padding:.25rem 0}.sidebar-sub-item.active{background-color:rgba(255,255,255,.1);border-radius:4px}.sidebar-sub-item.active .sidebar-sub-item-label{font-weight:700}.main-content{width:82%;margin-left:1.25rem}.content-container{position:relative;padding:0 1rem;margin-bottom:1rem}.pagination{color:#000000de}.MuiTablePagination-root.black svg{color:black;fill:black}.layout-grid{width:100%;display:flex;gap:1.25rem;height:calc(100vh - 56px)}.layout-grid .main-column{flex:1 1;min-width:0}.main-column{width:100%;display:block;min-width:0;overflow-y:auto;scroll-behavior:smooth}.action-menu{position:absolute;z-index:50;right:0;margin-top:.25rem}.menu-container{box-shadow:0 3px 14px 2px rgba(0,0,0,.12),0 8px 10px 1px rgba(0,0,0,.14),0 5px 5px -3px rgba(0,0,0,.2);background-color:white;overflow:hidden}.menu-content{padding:.5rem}.menu-content,.menu-item{display:flex;flex-direction:column;align-items:stretch;justify-content:center}.menu-item{height:2.25rem;border-radius:.5rem}.menu-item:hover{background-color:rgba(0,0,0,.05);cursor:pointer}.menu-item-content{display:flex;min-height:2.75rem;align-items:center;overflow:hidden;padding:.625rem 1rem}.menu-item-label{font-size:1rem;color:black;white-space:nowrap;letter-spacing:.15px;margin:auto}.status-badge{display:flex;justify-content:center;align-items:center}.status-badge-content{padding:.25rem;border-radius:100px;font-size:.75rem}.status-active{background-color:rgba(223,245,234,1);color:#007b56}.status-inactive{background-color:rgba(0,0,0,.08);color:black}.status-invited{background-color:rgba(239,108,0,.08);color:#ef6c00}.status-badge-label{padding:.375rem}.search-input{position:relative;justify-content:center;align-items:stretch;border-radius:.25rem;background-color:white;display:flex;overflow:hidden;font-size:15px;color:#a1a1a1;white-space:nowrap;letter-spacing:.15px;line-height:1.6;width:220px;padding:5px;border:1px solid #a1a1a1}.search-input.search-input--full-width{width:100%}.search-input input{background-color:transparent;outline:none;border:none;width:100%;color:black}.search-input input::placeholder{color:#a1a1a1}.search-input img{width:1.5rem;height:1.5rem}.accounts-table-container{z-index:0;height:666px;width:100%;margin-top:1.5rem}.accounts-table-wrapper{background-color:white;border:1px solid rgba(0,0,0,.1);display:flex;width:100%;flex-direction:column;overflow:hidden;padding:1rem;border-radius:.5rem}.accounts-table-header{display:flex;width:100%;align-items:center;justify-content:space-between;flex-wrap:wrap;margin-bottom:1rem}.search-filter-container{display:flex;justify-content:center;align-items:center;gap:10px}.filter-icon{display:flex;padding:5px}.filter-icon svg{color:#0000008f;width:24px;height:24px}.inactive-filter{display:flex;align-items:center;justify-content:center}.inactive-filter-checkbox{display:flex;align-items:center;overflow:hidden;padding-right:5px;padding-left:5px}.inactive-filter-checkbox input{display:none}.checkbox-icon{width:24px;height:24px;cursor:pointer;display:flex}.inactive-filter-label{font-size:.75rem;color:black;white-space:nowrap}.action-buttons{display:flex;align-items:center;gap:1rem}.create-account-button{background-color:rgba(25,25,25,1);overflow:hidden;color:white;font-size:.875rem;font-weight:500;white-space:nowrap;letter-spacing:.4px;line-height:1.5;padding:.375rem .75rem;border-radius:.5rem;border:none;cursor:pointer}.button-content{display:flex;align-items:center;gap:.5rem;justify-content:center}.button-content svg{width:18px;height:20px}.button-icon{width:1rem;height:1.5rem}.create-account-label{font-size:.75rem}.action-icon{background-color:rgba(0,0,0,.04);display:flex;align-items:center;justify-content:center;width:34px;height:34px;padding:5px;border-radius:100px;cursor:pointer}.action-icon img{width:24px;height:24px}.table-header-cell{font-size:.875rem;font-weight:500;letter-spacing:.17px}.table-row{border-bottom:1px solid #eee}.checkbox-container,.checkbox-wrapper{display:flex;width:42px;height:100%;align-items:center}.checkbox-container{overflow:hidden}.checkbox-container input{display:none}.action-cell svg{color:#0000008f}.table-cell{display:flex;align-items:center;min-height:52px;overflow:hidden;font-size:.875rem;color:black;font-weight:400;letter-spacing:.17px;line-height:1;height:100%;flex:1 1;padding:0 .625rem}.table-cell,.table-header-cell{padding:.5rem;white-space:nowrap}.action-menu-trigger,.checkbox-cell{display:flex;justify-content:center;align-items:center}.action-menu-trigger{width:34px;flex-direction:column;padding:5px;border-radius:100px;cursor:pointer}.action-menu-trigger:hover{background-color:rgba(0,0,0,.04)}.action-menu-icon{width:24px;height:24px}.table-footer{width:100%;padding:.125rem 0}.pagination-info{display:flex;align-items:center;gap:1.625rem;font-size:.75rem;color:black;font-weight:400;letter-spacing:.4px;line-height:1.8;flex-wrap:wrap}.rows-per-page{gap:.5rem}.rows-label,.rows-selector{white-space:nowrap}.rows-selector{align-items:stretch;width:38px}.dropdown-icon{width:24px;height:24px}.page-count{white-space:nowrap}.pagination-controls{width:5rem;height:2.5rem}.table-footer{display:flex;justify-content:flex-end;padding:16px}.pagination-container{display:flex;align-items:center;gap:16px}.rows-per-page{display:flex;align-items:center;gap:8px}.rows-label{font-size:14px;color:#333}.rows-selector{display:flex;align-items:center;gap:4px}.page-count{font-size:14px;color:#333}.pagination-arrow{cursor:pointer;color:#333}.black{color:black}.active{background-color:#0000000d}@media (max-width:768px){.layout-grid{flex-direction:column}.main-column,.sidebar-column{width:100%;margin-left:0}.sidebar{min-height:auto;height:auto}.content-container{padding:1.5rem}.accounts-table-header{flex-direction:column;align-items:flex-start;gap:1rem}.search-filter-container{width:100%}.action-buttons{width:100%;justify-content:space-between}.table-header,.table-row{display:block;overflow-x:auto;white-space:nowrap}.table-cell,.table-header-cell{display:inline-block;min-width:150px}.checkbox-cell{min-width:50px}.action-cell{min-width:122px}}.sidebar-sub-item.modal-item{position:relative;cursor:pointer}.sidebar-sub-item.modal-item:hover{background:linear-gradient(135deg,#e3f2fd,#bbdefb);transform:translateX(2px);transition:all .2s ease}.modal-indicator{font-size:10px;opacity:.7;margin-left:auto;color:#1976d2;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:.7}50%{opacity:1}}::-webkit-scrollbar{height:12px;width:12px}::-webkit-scrollbar-track{background:#f1f1f1;border-radius:6px}::-webkit-scrollbar-thumb{background:#888;border-radius:6px;border:2px solid #f1f1f1}::-webkit-scrollbar-thumb:hover{background:#555}*{scrollbar-width:thin;scrollbar-color:#888 #f1f1f1}.MuiBox-root::-webkit-scrollbar{-webkit-appearance:none;height:12px;width:12px}.MuiBox-root::-webkit-scrollbar-track{background:#f1f1f1;border-radius:6px}.MuiBox-root::-webkit-scrollbar-thumb{background:#888;border-radius:6px;border:2px solid #f1f1f1}.MuiBox-root::-webkit-scrollbar-thumb:hover{background:#555}