.nav-bar[data-v-1b277ed0]{padding:20px;background-color:#c2c2c2}.links[data-v-1b277ed0]{margin-bottom:10px;display:flex;justify-content:space-between}.link[data-v-1b277ed0]{padding:5px 10px;border-radius:999px;background-color:#dcdcdc;color:#5b5b5b}.left[data-v-1b277ed0]{margin-right:10px}.right[data-v-1b277ed0]{margin-left:10px}.route[data-v-1b277ed0]{padding:5px 10px;background-color:#eee;border-radius:999px}.route>input[data-v-1b277ed0]{width:25%}.router-link-active[data-v-1b277ed0]{background-color:gray;color:#fff;transition:background-color .25s ease-in,color 0s ease-in .25s}.router-link-exact-active[data-v-1b277ed0]{border:2px solid white}.my-active-class[data-v-1b277ed0]{background-color:gray;color:gold;transition:background-color .25s ease-in,color 0s ease-in .25s}.my-exact-active-class[data-v-1b277ed0]{border:2px solid gold}.go[data-v-1b277ed0]{margin-left:5px}.app[data-v-f13dbc3c]{width:100vw;height:100vh;display:flex;flex-direction:column}.views[data-v-f13dbc3c]{flex:1;display:flex;width:100%}.sidebar[data-v-f13dbc3c]{flex:1;background:linear-gradient(to right,#d7d7d7 0% calc(100% - 7px),#e6e6e6)}.main[data-v-f13dbc3c]{flex:3;background:linear-gradient(to right,#e6e6e6,#f3f3f3 7px 100%)}.home-side-bar[data-v-63dcb490]{padding:20px;display:flex;flex-direction:column;gap:20px}.home-main[data-v-be4a892e]{padding:20px;display:flex;gap:20px}.column[data-v-be4a892e]{flex-direction:column}.blue-box[data-v-b7db6138]{flex:1;width:100%;height:100%;background-color:#00f;display:flex;justify-content:center;align-items:center;color:#fff;font-size:5rem}.green-box[data-v-cde811f8]{flex:1;width:100%;height:100%;background-color:green}.red-box[data-v-535b0086]{flex:1;width:100%;height:100%;background-color:red;display:flex;justify-content:center;align-items:center;color:#fff;font-size:5rem}.yellow-box[data-v-56e3b0b2]{flex:1;width:100%;height:100%;background-color:#ff0;display:flex;justify-content:center;align-items:center}.center[data-v-56e3b0b2]{flex:0 100px;height:100px;border-radius:999px}