body{color:#333;background:#fff;margin:0;font-family:Roboto,Helvetica,Arial,sans-serif}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{border-radius:4px}::-webkit-scrollbar-thumb{border-radius:4px}.loader-container{width:100}.loader{transform:rotate(45deg);perspective:1000px;border-radius:50%;width:48px;height:48px;color:#6b46c1}.loader:before,.loader:after{content:"";display:block;position:absolute;top:calc(50% - 24px);left:calc(50% - 24px);width:48px;height:48px;border-radius:50%;transform:rotateX(70deg);animation:1s spin linear infinite}.loader:after{color:#ff3d00;transform:rotateY(70deg);animation-delay:.4s}@keyframes rotate{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}@keyframes rotateccw{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(-360deg)}}@keyframes spin{0%,to{box-shadow:.2em 0 0 0 currentcolor}12%{box-shadow:.2em .2em 0 0 currentcolor}25%{box-shadow:0 .2em 0 0 currentcolor}37%{box-shadow:-.2em .2em 0 0 currentcolor}50%{box-shadow:-.2em 0 0 0 currentcolor}62%{box-shadow:-.2em -.2em 0 0 currentcolor}75%{box-shadow:0 -.2em 0 0 currentcolor}87%{box-shadow:.2em -.2em 0 0 currentcolor}}.full-page{width:100vw;max-width:100vw;height:100vh;max-height:100vh;overflow:hidden}.page-container{position:absolute;top:0;left:90px;width:calc(100vw - 90px);max-width:calc(100vw - 90px);overflow-x:hidden;height:100vh;max-height:100vh;overflow:hidden}.page-content{margin-top:135px;padding-bottom:2rem;padding-top:1rem;max-width:100%;overflow-x:hidden;height:calc(100% - 170px);max-height:calc(100% - 170px);overflow-y:scroll}.toast-alert{width:calc(100vw - 90px);z-index:99999;padding:32px 24px;gap:10px;background:#fff;border:1px solid #e9ecec;border-radius:6px;border-top:8px solid #57a885}.pagination{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:24px}.pagination-numbers{display:flex;gap:4px}.pagination-number{min-width:32px;height:32px;padding:0;border:none;background:none;border-radius:4px;font-size:14px;color:#717575;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.pagination-number:hover{background:#a633c00a;color:#a633c0}.pagination-number.active{background:#a633c0;color:#fff}.pagination-arrow{color:#717575!important}.pagination-arrow:hover{background:#a633c00a!important;color:#a633c0!important}.pagination-arrow:disabled{color:#e0e0e0!important;background:none!important;cursor:not-allowed}.avatar-group div{font-size:small;border-radius:6px;width:32px;height:32px}.action-label{font-size:16px;font-weight:600}.card-box{padding:32px;border:1px solid #e9ecec;border-radius:6px}.form-row{display:flex;gap:1rem;margin-bottom:1rem}.form-row .form-group{flex:1}.form-group{margin-bottom:1rem}.form-group label{display:block;margin-bottom:.5rem;font-size:.9rem;color:#666}.form-input{width:100%;padding:.75rem;border:1px solid #ddd;border-radius:4px;font-size:1rem}.form-input:focus{outline:none;border-color:#6b46c1;box-shadow:0 0 0 1px #6b46c1}.submit-button{width:100%;padding:.75rem;background-color:#6b46c1;color:#fff;border:none;border-radius:4px;font-size:1rem;cursor:pointer;transition:background-color .2s}.submit-button:hover{background-color:#553c9a}@media (max-width: 899px){.page-container{left:0;width:100vw;max-width:100vw}.page-content{margin-top:195px;margin-bottom:65px;height:calc(100% - 295px);max-height:calc(100% - 295px)}}.appbar{top:0;box-shadow:none!important;padding-top:35px;padding-bottom:2rem}.mode-control{display:flex;flex-direction:row;align-items:center;padding:8px;margin-left:1rem;height:48px;border:1px solid #e9ecec;border-radius:6px}.mode-control img{display:flex;flex-direction:row;align-items:center;padding:16px;width:14px;height:14px}.mode-control .divider{width:18px;height:0px;border:1px solid #e9ecec;transform:rotate(90deg)}.search-container{display:flex;flex-direction:row;justify-content:space-between;align-items:center;margin-inline:2rem;padding:12px 16px;width:479px;max-width:35%;background:#e9ecec;border:1px solid #e9ecec;border-radius:6px}.search-container .search-input{flex-grow:2!important;width:100%!important}.search-container img{width:18px;height:18px}.search-container:hover{background:#e9ecec}.user-profil-picture{width:48px;height:48px;background:#c4b7a733!important;border-radius:12px!important}.menu-popup{position:absolute;right:0;top:4rem;display:flex;flex-direction:column;align-items:flex-start;padding:16px;background:#fafafa;border:1px solid #e9ecec;border-radius:6px;z-index:2}.menu-popup a{text-decoration:none;color:#717575}@media (max-width: 899px){.appbar{padding-bottom:1rem}.appbar .mode-control,.appbar .nav-actions{max-width:calc(40% - 1rem)}.toolbar{flex-wrap:wrap}.search-container{margin-inline:0px;order:3;width:100%!important;max-width:100%!important;margin-top:1rem}}.backdrop{position:absolute;top:5rem;bottom:0;width:100%;height:100%;background:#0000001a;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:999999}.notifications{height:fit-content;padding:24px 32px 32px 24px;gap:24px;background:#fafafa;border:1px solid #e9ecec;border-radius:6px;max-height:calc(100% - 170px);overflow-y:scroll}.notifs-header{display:flex;align-items:center;padding:1rem;gap:8px;color:#333}.notifs-header{margin-right:1rem}.notifs-header h3{font-size:16px;font-weight:600}.notifs-header .mark-read-btn{margin-left:auto;box-sizing:border-box;padding:16px;border:1px solid #e9ecec;color:#a633c0;text-transform:none}.notifs-search-container{display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:12px 16px;background:#e9ecec;border:1px solid #e9ecec;border-radius:6px;margin-top:1rem;margin-bottom:1rem}.notifs-search-container img{width:18px;height:18px}.notifs-search-container:hover{background:#e9ecec}.notif-item{display:flex;justify-content:space-between;align-items:center;margin-top:1rem;margin-bottom:.5rem;padding:16px 24px;gap:12px;border:1px solid #e9ecec;border-radius:6px}.notif-item .item-icon img{width:18px;height:16px}.notif-item .item-tag{padding:4px 16px;background:#f2f2f2;border-radius:6px;color:#717575}.notif-item .item-title{color:#717575;text-align:center}.notif-item .item-action-btn{color:#a633c0;text-transform:none;font-size:14px;font-weight:600}@media (max-width: 899px){.notif-item{flex-direction:column}}.filter-container{display:flex;align-items:flex-start;padding:16px;border:1px solid #e9ecec;min-height:50px;margin-bottom:2rem;box-shadow:none!important;flex-direction:column}.filter-header{border:1px solid #e9ecec;height:fit-content;width:fit-content!important}.filter-tab,.clear-filter{background-color:transparent;border:none;font-weight:400;padding:10px 20px;font-size:12px;color:#333!important;border-radius:none!important;text-transform:none!important;border-radius:4px;cursor:pointer}.filter-tab.active{background:#eef0f0}.clear-filter{color:#333;text-transform:none!important}.clear-filter:hover{background-color:#eef0f0}.filter-options{display:flex;flex-wrap:wrap;gap:15px}.filter-option{text-wrap:nowrap;color:#333!important;font-weight:400;font-size:12px}.checkbox{width:24px;height:24px;color:#d9d9d9!important;margin-right:.5rem!important}.filter-option .checked{color:#a633c0!important}.filter-os{margin-top:20px;color:#717575!important}.os-select{cursor:pointer;display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:8px 16px;gap:10px;width:284px;max-width:90vw;border:1px solid #e9ecec!important;border-radius:6px}.os-option{width:284px;max-width:90vw;display:flex;align-items:center;justify-content:space-between}.select-range{display:flex;align-items:center}.select-range .date-picker{border:1px solid #e9ecec;border-radius:6px}.select-range .date-picker label{font-size:12px!important}.select-range .date-picker input{padding:8px 16px!important;font-size:12px!important}.select-range .divider{margin-inline:1rem;width:36px;height:0px;border:1px solid #717575}.activity-logs{background:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;width:100%;max-width:1200px;margin:20px auto}.logs-header{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;border-bottom:1px solid #eee}.logs-header h2{margin:0;font-size:1.2rem}.close-button{background:none;border:none;font-size:24px;cursor:pointer;color:#666}.logs-table{width:100%;overflow-x:auto}.logs-table .table-body{max-height:calc(100vh - 300px);overflow-y:auto}.logs-table .table-row{padding:16px;gap:16px;border:1px solid #e9ecec;border-radius:6px 6px 0 0}.logs-table .log-table-header{background:#f7f7f8;font-weight:500;text-align:center!important;border:1px solid #e9ecec}.logs-table .table-row>*:not(:first-child){text-align:center}.logs-table .status-badge{padding:4px 8px;border-radius:4px;font-size:12px;font-weight:500;text-align:center;display:inline-block}.logs-table .status-badge.success{background:#e6f4ea;color:#1e7e34}.logs-table .status-badge.failure{background:#fde7e9;color:#dc3545}.logs-table .view-btn{color:#a633c0;background:none;border:none;cursor:pointer;font-size:14px}@media (max-width: 768px){.logs-table .table-row{padding:16px}}.drawer{position:fixed;top:0;left:0;display:flex;flex-direction:column;align-items:center;flex-wrap:nowrap;background-color:#13151b;height:100vh;max-height:100vh;overflow-y:auto;width:fit-content;min-width:50px;z-index:9990}.logo{padding-inline:15px;padding-top:37px;padding-bottom:24px}.logo img{width:47px;height:55}.nav{margin-top:24px;padding:15px!important}.nav-item:hover{background:#1c202c;border-radius:6px}.nav-item-text{display:none}.drawer:hover .nav-item-text{display:block}.nav-item-btn{padding:0!important}.nav-item-icon{min-width:fit-content!important;padding:12px 16px;border-radius:6px}.nav-item-icon img{fill:#bcbcbc!important;width:18px;height:18px}.nav-item a{color:#bcbcbc;text-decoration:none;font-size:16px}.nav-bottom{margin-top:auto;padding-block:3rem;display:flex;flex-direction:column;justify-content:center;align-items:center}.nav-bottom .nav{display:flex;flex-direction:column;justify-content:center;align-items:center}.nav-bottom .nav-item-icon{padding:8px!important}.nav-bottom .nav-item-icon img{width:24px;height:24px}.nav-copyright{display:flex;flex-direction:column;color:#bcbcbc;padding-inline:5px;text-align:center;font-size:12px!important}.drawer:hover .nav-bottom .nav{flex-direction:row}.drawer:hover .nav-item-btn{padding:12px 16px 12px 0!important}.drawer:hover .nav-bottom .nav-copyright{flex-direction:row}@media (max-width: 899px){.drawer{width:100%;height:40px;top:auto;flex-direction:row;justify-content:space-between;height:62px;left:0;bottom:-.92px;max-width:100vw;overflow:hidden}.drawer .logo{display:none}.drawer .nav{display:flex;flex-direction:row;flex-grow:1;flex-wrap:nowrap;padding:8px 16px!important}.drawer .nav-bottom,.drawer:hover .nav-item-text{display:none}.drawer .nav-item-btn,.drawer:hover .nav-item-btn{padding:4px!important}.drawer .nav a{width:100%;text-align:center}.drawer .nav .nav-item-icon{margin:auto}}.balance-card{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:16px 32px;gap:4px;background:#3333330d;border-radius:6px}.header-balance-card{align-items:flex-start;flex-direction:row;background:#333;width:fit-content;border-radius:6px 6px 0 0;color:#f2f2f2}.balance-light{background-color:#f9f4e6;color:#333}.balance-title{text-align:center;font-size:12px!important;color:#717575}.balance-value{font-weight:600;font-size:28px!important;text-align:center}.reports-stats{width:100%;border:.5px solid #e9ecec;border-radius:6px}.reports-stats .stat{display:flex;justify-content:space-between;align-items:center;padding:8px}.reports-stats .stat img{width:20px;height:20px;background:#333;border-radius:6px;padding:6px;fill:#fff!important}.reports-stats .stat img svg{fill:#fff!important;color:#fff}.reports-charts{width:100%}.reports-charts .chart{padding:16px 24px;border:1px solid #f2f2f2;min-height:200px}.export-btn{padding:16px 12px!important;border:1px solid #a633c0!important;color:#a633c0!important;border-radius:6px;text-transform:none!important;height:48px}.export-btn img{margin-right:8px}.overview-table-container{border:1px solid #e9ecec;box-shadow:none!important}.overview-table-container th{color:#717575!important;text-align:center}.overview-table-container tbody td{border:none;text-align:center;color:#717575!important}.payment-page .payment-page-content{border:1px solid #e9ecec;padding:18px}.payment-page .payment-stats .balance-card{border:1px solid #333333;align-items:start}.payment-page .billing-table-box{border:1px solid #e9ecec;padding:18px;border-radius:12px;align-items:start}.payment-page .billing-table-box .billing-table{border:1px solid #e9ecec;border-radius:12px;padding:18px}.payment-page table tr{border:none;margin-bottom:8px}.payment-page table tr:last-child{margin-bottom:8px}.payment-page table th{background-color:#e9ecec;margin-bottom:8px}.payment-page table th:last-child{margin-bottom:8px}.payment-page table tbody tr{border:1px solid #e9ecec;margin-bottom:8px}.payment-page table tbody tr:last-child{margin-bottom:8px}