body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{text-align:center;height:100%;margin:1;padding:0}body{background:linear-gradient(to right,#0f0c29,#302b63,#24243e)}.custom-header{width:100%;height:79px;background-color:#fff!important;box-shadow:none;position:fixed;top:0;left:0;z-index:1000;border-bottom:1px solid #e0e0e0;overflow:hidden;justify-content:center}.toolbar{width:100%;height:100%;margin:0 auto;display:flex;justify-content:flex-end;align-items:center;padding-right:20px;box-sizing:border-box}.right-section{display:flex;align-items:center;gap:10px}.account-icon{width:54.58px;height:49.66px;color:#404040;flex-shrink:0}.user-info{display:flex;flex-direction:column;line-height:1.1;text-align:left}.user-name{line-height:1.2;white-space:nowrap;overflow:hidden;font-weight:700;color:#404040;font-size:14px;text-align:left}.user-role{color:#565656;font-weight:600;font-size:12px;text-align:left;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.arrow-button{padding:4px}.arrow-icon{color:#5c5c5c;width:22.33px;height:20.31px}.drawer{flex-shrink:0;white-space:nowrap;transition:width .3s ease}.drawer.expanded .drawer-container{width:240px;height:100vh}.drawer.collapsed .drawer-container{width:91px;height:100vh}.drawer-container{display:flex;flex-direction:column;background-color:#fff;font-family:Nunito Sans,sans-serif;box-sizing:border-box;transition:width .3s ease}.drawer-header{display:flex;align-items:center;justify-content:space-between;padding:16px;background-color:#fff;color:#4880ff;font-weight:800}.drawer-header.collapsed{justify-content:center}.drawer-title{font-size:16px;font-weight:800}.drawer-main-list .MuiListItemText-primary,.drawer-bottom-list .MuiListItemText-primary{font-family:Nunito Sans,sans-serif;font-size:14px;font-weight:600;color:#202224}.drawer-main-list,.drawer-bottom-list,.icon-list{padding:0}.drawer-bottom-wrapper{margin-top:auto;display:flex;flex-direction:column}.drawer-divider{background-color:#e0e0e0;height:1px;width:100%;border-bottom:.6px solid #e0e0e0}.drawer.collapsed .drawer-divider{display:none}.sidebar-collapsed-button{display:flex;justify-content:center;align-items:center;min-height:48px;width:100%;padding:0;text-align:center}.drawer.collapsed .icon-list .sidebar-collapsed-button{justify-content:center;color:#0000004b}.drawer.expanded .drawer-main-list .MuiListItemButton-root,.drawer.expanded .drawer-bottom-list .MuiListItemButton-root{justify-content:center}.drawer.expanded .drawer-main-list .MuiListItemText-root,.drawer.expanded .drawer-bottom-list .MuiListItemText-root{text-align:center;width:100%}.profile-container{width:50%;min-height:550px;top:50px;margin:auto;display:flex;flex-direction:column;gap:15px;background-color:#fff;border-radius:8px;padding:24px;box-shadow:0 2px 8px #0000001a;box-sizing:border-box;position:relative;overflow-y:auto}.profile-header{position:relative;display:flex;align-items:center;gap:16px;padding-top:0}.profile-name-block{display:flex;flex-direction:column;margin-left:12px}.profile-avatar{width:64px;height:64px;margin-bottom:8px}.profile-username{color:gray}.profile-divider{margin:0}.profile-field{display:flex;align-items:center;gap:16px}.profile-label{width:100px;font-weight:500}.profile-button-wrapper{display:flex;justify-content:flex-start;margin-top:auto}.textfield-no-radius input{text-align:right}.textfield-no-radius .MuiOutlinedInput-root{border-radius:0}.custom-save-button{background-color:#302b63!important;text-transform:none!important}.close-button{position:absolute;top:16px;right:16px;color:#000;z-index:1}.close-button-wrapper{position:absolute;top:16px;right:16px;z-index:10}@media (max-width: 768px){.profile-container{width:90%}}.profile-container{width:50%;height:550px;top:50px;margin:auto;display:flex;flex-direction:column;gap:15px;background-color:#fff;border-radius:8px;padding:24px;box-shadow:0 2px 8px #0000001a;box-sizing:border-box;position:relative;overflow:hidden}.close-button-wrapper{display:flex;justify-content:flex-end}.form-title{color:#302b63;margin-bottom:20px;text-align:center}.form-field{margin-bottom:8px;color:#000}.form-fields-wrapper{flex:1;overflow-y:auto;padding-right:8px}.button-wrapper{display:flex;justify-content:flex-start;margin-top:auto;padding-top:10px}.save-changes-button{background-color:#302b63!important;text-transform:none!important}.save-changes-button.Mui-disabled{color:#fff!important;opacity:.8}.form-fields-group{margin-top:10px;display:flex;flex-direction:column;gap:20px}.table-wrapper{padding:1rem;text-align:left;color:#000}.table-title{margin-bottom:1rem;font-size:1.5rem;color:#fff}.user-table{width:100%;table-layout:fixed;background-color:#fff;box-shadow:0 2px 8px #0000000d}.user-table th,.user-table td{padding:8px;text-align:left;overflow-wrap:break-word}.user-table th{background-color:#f4f4f4;color:#333;font-weight:700}.user-table tr:hover{background-color:#fffbe6}.table-container{border-radius:10px;overflow:hidden}.table-row-actions{display:flex;align-items:center;gap:1px;width:20px;position:relative}.icon-button{background:none;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0}.icon-button.user-settings-button svg{color:#888}.icon-button.user-delete-button svg{color:red}.pagination-bar{display:flex;justify-content:space-between;align-items:center;margin-top:.5rem;padding:.5rem .25rem 0;font-size:.9rem;color:#333}.pagination-info{margin-left:.25rem;color:#ffffffab}.pagination-buttons{display:flex;gap:0;margin-right:.25rem;border-radius:6px;overflow:hidden}.pagination-buttons button{padding:4px 8px;border:none;background-color:#fff;cursor:pointer;font-size:.85rem;transition:background-color .2s ease;display:flex;align-items:center;justify-content:center;width:32px;height:20px}.pagination-buttons button+button{border-left:1px solid #ccc}.pagination-buttons button:disabled{opacity:.5;cursor:not-allowed}.user-table thead tr:first-child th{border-top:none}.pagination-icon{font-size:5px}.arrow-icon{transition:transform .2s ease}.arrow-icon.rotated{transform:rotate(180deg)}.expanded-row-header{background-color:#f4f4f4}.scrollable-table-container{max-height:430px;overflow-y:auto;overflow-x:auto}.edit-buttons{display:flex;gap:5px;padding:10px 0}.edit-buttons button{padding:4px 10px;margin-right:4px;border:none;border-radius:4px;font-size:.875rem;cursor:pointer}.edit-buttons button.save{background-color:#28a745;color:#fff}.edit-buttons button.cancel{background-color:#e0e0e0;color:#333}.header-container{display:flex;align-items:center;justify-content:space-between}.table-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.global-filter-input{padding:6px 12px;font-size:.9rem;border:1px solid #ccc;border-radius:4px;min-width:200px}.table-header-actions{display:flex;gap:10px;align-items:center}.add-user-button{background-color:#fff;color:#302b63;padding:8px 16px;border:none;border-radius:4px;cursor:pointer;font-size:14px;transition:background-color .3s ease,color .3s ease}.add-user-button:hover{background-color:#e0def8}.dashboard-content,.profile-page-wrapper{width:100%;box-sizing:border-box;transition:margin-left .3s ease,max-width .3s ease;flex-grow:1;display:flex;flex-direction:column;justify-content:flex-start;flex:1;min-width:0}.layout.sidebar-expanded .dashboard-content,.layout.sidebar-expanded .profile-page-wrapper{margin-left:240px;width:calc(100% - 240px)}.layout.sidebar-collapsed .dashboard-content,.layout.sidebar-collapsed .profile-page-wrapper{margin-left:91px;width:calc(100% - 91px)}.dashboard-content{flex-direction:column;text-align:center;color:#fff}.login-container{display:flex;justify-content:center;align-items:center;height:100vh;background:linear-gradient(#24243e,#302b63,#24243e);padding:1rem;color:#fff}.login-form{width:100%;max-width:503px;height:377px;display:flex;flex-direction:column;justify-content:space-between;padding:30px;border-radius:40px;background-color:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid white;box-sizing:border-box}.login-heading{text-align:left;font-size:24px;color:#fff;margin-bottom:20px}.form-control{margin-bottom:15px}.form-control-label{text-align:left;display:block;width:100%;margin-bottom:5px}.login-form .MuiOutlinedInput-root{background-color:#fff;border-radius:5px;height:40px;font-size:16px}.login-form .MuiFormLabel-root{color:#fff;font-weight:500}.forgot-password{text-align:left;margin-top:5px}.forgot-password a{text-decoration:none;color:#fffd;font-size:14px}.forgot-password a:hover{text-decoration:underline}.login-button{padding:10px;background-color:#bd0c47!important;color:#fff!important;border:none;border-radius:5px;font-size:16px;text-transform:none}.login-button:hover{background-color:#a20a3c!important}.login-alert{width:100%}