.app{display:flex;min-height:100vh}.sidebar{width:200px;background:#2c3e50;padding:20px;display:flex;flex-direction:column}.sidebar .logo{color:#fff;font-size:18px;font-weight:700;margin-bottom:30px;padding-bottom:15px;border-bottom:1px solid #34495e}.sidebar a{color:#ecf0f1;text-decoration:none;padding:10px 15px;border-radius:4px;margin-bottom:5px;transition:background .2s}.sidebar a:hover{background:#34495e}.sidebar a.router-link-active{background:#3498db}.sidebar .spacer{flex:1}.sidebar .user-info{padding-top:15px;border-top:1px solid #34495e;color:#bdc3c7;font-size:14px}.sidebar .user-info button{display:block;width:100%;margin-top:10px;padding:8px;background:#e74c3c;color:#fff;border:none;border-radius:4px;cursor:pointer}.sidebar .user-info button:hover{background:#c0392b}main{flex:1;padding:30px}main.with-sidebar{margin-left:0}