.sidebar{background:var(--color-white);border-right:1px solid var(--color-smoke);display:flex;flex-direction:column;height:100vh;left:0;padding:1rem 1rem 2rem;top:0;width:100%}.sidebar-header{margin-bottom:20px}.sidebar .user{--avatar-size:32px;--icon-size:12px}.sidebar .user .drop .drop-trigger{display:grid;gap:10px;grid-template-columns:var(--avatar-size) 1fr}.sidebar .user .drop .drop-container:before{left:50%;transform:translate(-50%)}.sidebar .user .drop .drop-content-button{align-items:center}.sidebar .user .drop .drop-content-button span{font-weight:500}.sidebar .user .drop.--is-open .user-box-btn .icon{transform:rotate(180deg)}.sidebar .user-avatar{align-items:center;aspect-ratio:1;background:var(--color-green);border-radius:4px;display:flex;justify-content:center;overflow:hidden;width:var(--avatar-size)}.sidebar .user-avatar span{color:var(--color-white);font-size:14px;text-transform:uppercase}.sidebar .user-box-btn{align-items:center;cursor:pointer;display:grid;gap:5px;grid-template-columns:1fr var(--icon-size)}.sidebar .user-box-btn .icon{--ui-icon-width:var(--icon-size)}.sidebar .user-name{display:block;font-size:16px;font-weight:500;line-height:1em}.sidebar .user-subname{color:var(--color-font-grey);font-size:12px;line-height:1em}.sidebar .user-content{display:none;left:0;padding-top:10px;position:absolute;top:3rem;width:100%;z-index:100}.sidebar .user-content:before{border-bottom:10px solid #d9d9d9;border-left:9px solid transparent;border-right:9px solid transparent;content:"";height:0;left:50%;position:absolute;top:0;transform:translate(-50%);width:0}.sidebar .user-content-list{background:#fff;border:1px solid #ddd;border-radius:4px;box-shadow:0 0 10px 2px #00000014;display:flex;flex-direction:column;gap:5px;padding:10px;width:100%}.sidebar .user-content.--is-open{display:block}.sidebar-body{height:100%}.sidebar-container{display:flex;flex-direction:column;gap:5px;height:100%;overflow:auto}.sidebar-container.scrollbar{--scrollbar-width:3px}.sidebar-root.--is-active .sidebar-root-link{background:#f6f6f6;border:1px solid #e6e6e6}.sidebar-root.--is-open .sidebar-second{display:block}.sidebar-second{display:none}.sidebar-link{align-items:center;border:1px solid transparent;border-radius:5px;cursor:pointer;display:inline-flex;gap:10px;padding:10px;transition:.2s;width:100%}.sidebar-link:hover{background-color:#f7f7f7}.sidebar-link .icon{--ui-icon-width:16px}.sidebar-link span{font-size:16px;font-weight:400}.sidebar-link-icon{align-items:center;display:flex;justify-content:center;margin-left:auto}.sidebar-footer{margin-top:2rem}.sidebar-footer .logo{max-width:130px;width:100%}.sidebar-footer .logo img{display:block;height:100%;max-height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.panel{--panel-aside-width:250px;--panel-aside-side-offset:0px;--panel-min-height:100vh;--panel-breadcrumbs-height:70px;--panel-background:var(--color-white,#fff);background:var(--panel-background);box-sizing:border-box}.panel.--is-loading *{cursor:wait!important}.panel-double-cell{display:grid;gap:1rem;grid-template-columns:1fr 300px}@media screen and (max-width:1100px){.panel-double-cell{grid-template-columns:1fr 260px}}.panel-content{padding-left:calc(var(--panel-aside-width) + var(--panel-aside-side-offset));position:relative}.panel-sidebar{bottom:0;left:0;position:fixed;right:auto;top:0;width:var(--panel-aside-width);z-index:5}.panel-inner{position:relative}.panel-body{padding:1rem}.panel-breadcrumbs{background:#fff;height:var(--panel-breadcrumbs-height);left:0;padding:26px 1rem;position:absolute;right:0;top:0;z-index:1}.panel-breadcrumbs,.panel-header{border-bottom:1px solid var(--color-smoke)}.panel-header{background:var(--color-grey);padding:20px 1rem;position:relative}.panel-header-title{align-items:center;display:flex}.panel-header-title .title{font-size:26px;font-weight:500;line-height:1.1em}.panel-header-btn{margin-left:auto}.panel-header-btn .btn{--padding-tb:6px}.panel-box{background:#fff;border:1px solid var(--color-smoke);margin-bottom:2rem}.panel-box,.panel-box .table{border-radius:5px}.panel-box .table .table-tr:first-child .table-td:first-child,.panel-box .table .table-tr:first-child .table-td:last-child{border-top-left-radius:4px}.panel-box .table .table-tr:last-child .table-td:first-child,.panel-box .table .table-tr:last-child .table-td:last-child{border-bottom-left-radius:4px}.panel-box.--green .panel-box-title{background:#ebffef}.panel-box.--green .btn{--font-size:14px;--padding-tb:5px;--padding-lr:32px;--color:#fff;--border-color:#2fae12;--background-color:#2fae12}.panel-box.--green .btn span{top:1px}.panel-box.--red .panel-box-title{background:#ffebeb}.panel-box.--red .btn{--font-size:14px;--padding-tb:5px;--padding-lr:32px;--color:#fff;--border-color:#da7878;--background-color:#da7878}.panel-box.--red .btn span{top:1px}.panel-box-title{background:#faf9fb;border-bottom:1px solid var(--color-smoke);font-size:14px;font-weight:500}.panel-box-content,.panel-box-title{padding:1rem 14px}.panel-box-row{border-bottom:1px solid var(--color-smoke);padding:1rem}.panel-box-row:last-child{border-bottom:none}.panel-wrapper{display:grid;grid-template-columns:230px 1fr;height:100vh;padding-top:var(--panel-breadcrumbs-height)}.panel-menu{border-bottom:1px solid var(--color-smoke)}.panel-menu-wrapper{display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));padding:2rem 1rem}.panel-menu-item{height:170px;position:relative}.panel-menu-item-block{display:grid;gap:10px;grid-template-columns:1fr;left:1rem;position:absolute;top:50%;transform:translateY(-50%);z-index:9}.panel-menu-item-row{align-items:center;display:flex;gap:5px}.panel-menu-item-row span{display:block;font-size:16px;font-weight:400;line-height:1em}.panel-menu-link{border:1px solid var(--color-smoke);border-radius:5px;bottom:0;box-shadow:0 0 5px #8f8f8f4a;display:block;font-size:26px;font-weight:400;height:100%;left:0;padding:1rem;position:absolute;right:0;top:0;width:100%;z-index:10}.panel-menu-link:hover{border-color:var(--color-black)}