body{background-color:#f4f6f8;margin:0;padding:0}.app-layout[data-v-1a51984b]{display:flex;min-height:100vh}.sidebar[data-v-1a51984b]{background:#111;color:#fff;display:flex;flex-direction:column;flex-shrink:0;width:260px}.site-logo[data-v-1a51984b]{border-bottom:1px solid #333;font-size:1.5rem;font-weight:900;letter-spacing:1px;padding:20px}.logo-text[data-v-1a51984b]{color:#f99e1a}.side-nav[data-v-1a51984b]{display:flex;flex-direction:column;padding:20px 0}.nav-item[data-v-1a51984b]{border-left:4px solid transparent;color:#aaa;font-weight:700;padding:15px 20px;text-decoration:none;transition:all .2s}.nav-item[data-v-1a51984b]:hover{background:#222;color:#fff}.router-link-exact-active[data-v-1a51984b]{background:#222;border-left-color:#f99e1a;color:#f99e1a}.main-content[data-v-1a51984b]{flex:1;overflow-y:auto;padding:20px}@media(max-width:768px){.app-layout[data-v-1a51984b]{flex-direction:column;padding-bottom:70px}.sidebar[data-v-1a51984b]{background:#111;border-top:1px solid #333;bottom:0;flex-direction:row;height:70px;left:0;position:fixed;width:100%;z-index:1000}.site-logo[data-v-1a51984b]{display:none}.side-nav[data-v-1a51984b]{flex-direction:row;justify-content:space-around;margin:0;padding:0;width:100%}.nav-item[data-v-1a51984b]{align-items:center;border-left:none;border-top:3px solid transparent;display:flex;flex:1;flex-direction:column;font-size:.75rem;justify-content:center;padding:10px 5px;text-align:center}.nav-item[data-v-1a51984b]:hover{background:transparent;color:#f99e1a}.router-link-exact-active[data-v-1a51984b]{background:transparent;border-left:none;border-top-color:#f99e1a}.main-content[data-v-1a51984b]{overflow-y:visible;padding:10px}}