:root{--color-primary: #212121;--color-primary-light: #4d4d4d;--color-primary-dark: #171717;--color-secondary: #95c11f;--color-secondary-light: #aacd4b;--color-secondary-dark: #688715;--color-gray-50: #fafafa;--color-gray-100: #f5f5f5;--color-gray-200: #eeeeee;--color-gray-300: #e0e0e0;--color-gray-400: #bdbdbd;--color-gray-500: #9e9e9e;--color-gray-600: #757575;--color-gray-700: #616161;--color-gray-800: #424242;--color-gray-900: #212121;--sidebar-width: 250px;--transition-time: .4s;--z--sidebar: 50}.form{position:relative}.form__interation-block{position:absolute;top:0;right:0;bottom:0;left:0;background-color:#fff6;z-index:5}.unstyled-list{margin:0;padding:0;list-style:none}.copy-to-clipboard-btn{display:inline;background:none;border:none;cursor:pointer;padding:0;margin:0}.app-table-th--sortable:hover,.app-table-th--sortable:focus-visible{background-color:var(--color-gray-200);cursor:pointer}.mb-4{margin-bottom:1rem}.d-flex{display:flex}.gap-4{gap:1rem}.items-center{align-items:center}.MuiTableContainer-root::-webkit-scrollbar-track,.MuiTablePagination-root::-webkit-scrollbar-track{background-color:transparent;border-radius:10px}.MuiTableContainer-root::-webkit-scrollbar,.MuiTablePagination-root::-webkit-scrollbar{height:6px;width:6px}.MuiTableContainer-root::-webkit-scrollbar-thumb,.MuiTablePagination-root::-webkit-scrollbar-thumb{background-color:#aaaaaa80;border-radius:6px}.MuiTableContainer-root::-webkit-scrollbar-corner,.MuiTablePagination-root::-webkit-scrollbar-corner{background-color:transparent}.MuiTableContainer-root:hover::-webkit-scrollbar-track,.MuiTablePagination-root:hover::-webkit-scrollbar-track{background-color:transparent;border-radius:10px}.MuiTableContainer-root:hover::-webkit-scrollbar,.MuiTablePagination-root:hover::-webkit-scrollbar{height:6px;width:6px}.MuiTableContainer-root:hover::-webkit-scrollbar-thumb,.MuiTablePagination-root:hover::-webkit-scrollbar-thumb{background-color:#aaaaaa80;border-radius:6px}html,body,#root{height:100%;background-color:var(--color-gray-100)}.layout--default{height:100%;display:grid;grid-template-columns:100%;grid-template-rows:60px 1fr;margin-left:0;transition:margin-left var(--transition-time)}.header{background-color:#fff;padding-inline:1rem;display:flex;align-items:center;justify-content:space-between}.main{padding-inline:1rem;padding-block:1rem}.sidebar{width:var(--sidebar-width);position:fixed;background-color:var(--color-primary);height:100%;left:calc(var(--sidebar-width) * -1);top:0;color:#fff;display:grid;grid-template-rows:60px 1fr 60px;transition:left var(--transition-time);z-index:var(--z--sidebar)}.sidebar__block{padding:.5rem 1rem}.sidebar__block--profile{display:flex;align-items:center;justify-content:space-between}.sidebar__block--menu{border-block:1px solid var(--color-gray-300);padding-inline:0}.sidebar__block--logout{display:flex;align-items:center;justify-content:center}.sidebar__brand{text-transform:uppercase;font-weight:900;letter-spacing:.2rem;font-size:.875rem}.sidebar__nav>.MuiListItemButton-root{border-radius:4px}.sidebar__nav>.MuiListItemButton-root:hover{background-color:var(--color-primary-dark)}.sidebar__nav>.active{background-color:var(--color-primary-dark)}.layout--sidebar-visible{margin-left:var(--sidebar-width)}.layout--sidebar-visible .sidebar{left:0}@media (max-width: 600px){.layout--sidebar-visible{margin-left:0}.main{padding-inline:.5rem}}.app-loading{display:flex;flex-direction:column;height:100%}.app-loading__brand{display:flex;flex-direction:column;align-items:center;justify-content:center;flex-grow:1;gap:30px}.app-loading__brand__name{font-weight:900;text-transform:uppercase;font-size:60px}.app-loading__brand__img{animation-name:pulsingIcon;animation-duration:3s;animation-timing-function:ease;animation-iteration-count:infinite}.loading{display:flex;flex-direction:column;height:100%}.loading__brand{display:flex;flex-direction:column;align-items:center;justify-content:center;flex-grow:1;gap:30px}.loading__brand__name{font-weight:900;text-transform:uppercase;font-size:2rem;color:var(--color-gray-500)}.loading__brand__img{animation-name:pulsingIcon;animation-duration:3s;animation-timing-function:ease;animation-iteration-count:infinite}@keyframes pulsingIcon{0%{transform:scale(.9)}50%{transform:scale(1.2)}to{transform:scale(.9)}}.color-white{color:#fff}.color-inherit{color:inherit!important}