*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html,body{overflow:hidden;height:100%;width:100%}body{background-color:#f3f4f8;font-family:Roboto,sans-serif;font-weight:300;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}img,picture,video,canvas,svg{display:block;max-width:100%}a{text-decoration:none;color:inherit}ul,ol{list-style:none}table{border-collapse:collapse;border-spacing:0}q,blockquote{quotes:none}h1,h2,h3,h4,h5,h6,p{margin:0;font-weight:400}button{background:none;border:none}textarea{resize:none}button,input,textarea,select{margin:0;line-height:1.2}.main-content{position:relative;z-index:1;transition:margin-left .3s ease-in-out;background-color:#fff;height:calc(100vh - 80px);box-shadow:0 4px 12px #0003;border-radius:12px;margin:8px 10px 8px 76px}.main-content.with-sidebar-expanded{margin-left:253px}.main-wrapper{box-shadow:0 4px 12px #0003;margin:8px 10px 8px 8px;padding:16px;border-radius:12px;height:calc(100vh - 80px)}.sidebar__wrapper{position:fixed;background:#000;transition:all .3s ease-in-out;background:linear-gradient(to bottom,#fff,#f0f0f5);padding-top:62px;top:0;left:0;background-color:#fff;width:64px;height:calc(100vh - 10px);z-index:5;border-radius:0 0 12px 12px;border-right:1px solid rgba(128,128,128,.3);border-bottom:1px solid rgba(128,128,128,.3);box-shadow:0 4px 12px #0003;display:flex;flex-direction:column;justify-content:space-between}.sidebar__wrapper.sidebar__is-open{width:245px}.sidebar__item{transition:background-color .3s ease-in-out}.sidebar__link{height:100%}.sidebar__item-icon-open{padding-left:50px}.sidebar__item-icon-close{padding:20px}.sidebar__item-title{position:absolute;min-width:120px;left:86px;line-height:0;opacity:0;transition:opacity .1s ease-in-out;pointer-events:none}.sidebar__item-icon:hover{background:#f0efef}.sidebar__item-icon{position:relative;height:100%;display:flex;align-items:center;transition:all .3s ease-in-out}.sidebar__arrow-icon{position:absolute;left:24px;opacity:0;transition:opacity .3s ease-in-out}.sidebar__arrow-icon-open,.sidebar__item-title-open{opacity:1}.sidebar__submenu{max-height:0px;overflow:hidden;transition:max-height .3s ease-in-out}.sidebar__submenu-open{max-height:400px}.sidebar__item-before:before{position:absolute;content:"";height:100%;width:3px;left:0;background:#1a76d2}.sidebar__popup-item{line-height:1;padding:8px 16px}.sidebar__popup-item:hover{background:#f0efef}.breadcrumbs{font-size:16px;margin-bottom:16px;color:#555}.breadcrumbs__item{display:inline}.breadcrumbs__link{color:#007bff;text-decoration:none}.breadcrumbs__link:hover{text-decoration:underline}.breadcrumbs__current{font-weight:600;color:#000}.breadcrumbs__sep{margin:0 4px;color:#999}