.app[data-v-b8ae49eb]{font-family:Arial,sans-serif;min-height:100vh;background-color:#f5f5f5;display:flex}.sidebar[data-v-b8ae49eb]{width:250px;background-color:#1e88e5;color:#fff;display:flex;flex-direction:column;box-shadow:2px 0 4px #0000001a;position:fixed;height:100vh;top:0;left:0;z-index:1000}.sidebar-header[data-v-b8ae49eb]{padding:20px;border-bottom:1px solid rgba(255,255,255,.1)}.app-title[data-v-b8ae49eb]{font-size:18px;margin:0;font-weight:700;text-align:center}.sidebar-content[data-v-b8ae49eb]{flex:1;padding:20px 0}.nav-links[data-v-b8ae49eb]{display:flex;flex-direction:column;gap:5px}.nav-link[data-v-b8ae49eb]{color:#fff;text-decoration:none;padding:12px 20px;display:flex;align-items:center;gap:10px;transition:background-color .3s;border-radius:0 20px 20px 0;margin:0 10px}.nav-link[data-v-b8ae49eb]:hover{background-color:#fff3}.nav-icon[data-v-b8ae49eb]{font-size:18px;width:20px;text-align:center}.nav-text[data-v-b8ae49eb]{font-size:14px}.sidebar-footer[data-v-b8ae49eb]{padding:20px;border-top:1px solid rgba(255,255,255,.1)}.user-info[data-v-b8ae49eb]{display:flex;flex-direction:column;gap:10px}.user-details[data-v-b8ae49eb]{display:flex;flex-direction:column;gap:5px}.user-name[data-v-b8ae49eb]{font-weight:700;font-size:14px}.user-role[data-v-b8ae49eb]{font-size:12px;opacity:.8}.logout-button[data-v-b8ae49eb]{background-color:#fff3;color:#fff;border:none;padding:8px 16px;border-radius:4px;cursor:pointer;transition:background-color .3s;font-size:14px;width:100%}.logout-button[data-v-b8ae49eb]:hover{background-color:#ffffff4d}.main-content[data-v-b8ae49eb]{flex:1;margin-left:250px;padding:20px;min-height:100vh}@media(max-width:768px){.sidebar[data-v-b8ae49eb]{width:200px}.main-content[data-v-b8ae49eb]{margin-left:200px;padding:10px}.app-title[data-v-b8ae49eb]{font-size:16px}.nav-text[data-v-b8ae49eb]{font-size:12px}}