.navbar[data-v-b7cc1bea]{width:250px;height:100vh;background-color:#0d5f3c;color:#fff;display:flex;flex-direction:column;position:fixed;left:0;top:0;box-shadow:2px 0 10px rgba(0,0,0,.1);transition:width .25s ease}.navbar.collapsed[data-v-b7cc1bea]{width:76px}.navbar-header[data-v-b7cc1bea]{padding:20px;display:flex;align-items:center;gap:12px;border-bottom:1px solid hsla(0,0%,100%,.1)}.collapse-btn[data-v-b7cc1bea]{margin-left:auto;width:28px;height:28px;border-radius:6px;border:1px solid hsla(0,0%,100%,.35);background:hsla(0,0%,100%,.08);color:#fff;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.collapse-btn[data-v-b7cc1bea]:hover{background:hsla(0,0%,100%,.18)}.brand-logo[data-v-b7cc1bea]{width:45px;height:45px;background:hsla(0,0%,100%,.15);border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:24px}.logo-icon[data-v-b7cc1bea]{filter:brightness(0) invert(1)}.brand-info[data-v-b7cc1bea]{flex:1}.navbar.collapsed .brand-info[data-v-b7cc1bea]{display:none}.navbar.collapsed .navbar-header[data-v-b7cc1bea]{padding:16px 12px;justify-content:center;gap:8px}.navbar.collapsed .brand-logo[data-v-b7cc1bea]{width:36px;height:36px}.navbar.collapsed .collapse-btn[data-v-b7cc1bea]{margin-left:0}.brand-title[data-v-b7cc1bea]{margin:0;font-size:18px;font-weight:600;line-height:1.2}.brand-subtitle[data-v-b7cc1bea]{margin:2px 0 0 0;font-size:12px;opacity:.8}.navbar-menu[data-v-b7cc1bea]{flex:1;padding:10px 0;overflow-y:auto}.menu-item[data-v-b7cc1bea]{display:flex;align-items:center;gap:12px;padding:14px 20px;color:hsla(0,0%,100%,.85);text-decoration:none;transition:all .3s ease;position:relative;cursor:pointer}.navbar.collapsed .menu-item[data-v-b7cc1bea]{justify-content:center;padding:14px 10px}.menu-item[data-v-b7cc1bea]:hover{background:hsla(0,0%,100%,.1);color:#fff}.menu-item.active[data-v-b7cc1bea]{background:hsla(0,0%,100%,.15);color:#fff;font-weight:500}.menu-item.active[data-v-b7cc1bea]:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:#fff}.menu-icon[data-v-b7cc1bea]{width:24px;display:inline-flex;align-items:center;justify-content:center}.menu-text[data-v-b7cc1bea]{font-size:14px}.navbar.collapsed .menu-text[data-v-b7cc1bea]{display:none}.navbar-footer[data-v-b7cc1bea]{padding:15px;border-top:1px solid hsla(0,0%,100%,.1)}.navbar.collapsed .navbar-footer[data-v-b7cc1bea]{padding:10px 8px}.user-info[data-v-b7cc1bea]{display:flex;align-items:center;gap:12px;padding:10px;margin-bottom:10px}.user-avatar[data-v-b7cc1bea]{width:36px;height:36px;background:hsla(0,0%,100%,.2);border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:14px}.navbar.collapsed .user-info[data-v-b7cc1bea]{justify-content:center;padding:6px}.navbar.collapsed .user-details[data-v-b7cc1bea]{display:none}.navbar.collapsed .sign-out-btn[data-v-b7cc1bea]{justify-content:center;padding:8px}.navbar.collapsed .sign-out-btn span[data-v-b7cc1bea]{display:none}.user-details[data-v-b7cc1bea]{flex:1}.user-name[data-v-b7cc1bea]{margin:0;font-size:14px;font-weight:500}.user-role[data-v-b7cc1bea]{margin:2px 0 0 0;font-size:11px;opacity:.7}.sign-out-btn[data-v-b7cc1bea]{width:100%;padding:10px;background:hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.2);color:#fff;border-radius:6px;cursor:pointer;display:flex;align-items:center;gap:8px;font-size:13px;transition:all .3s ease}.sign-out-btn[data-v-b7cc1bea]:hover{background:hsla(0,0%,100%,.15);font-size:16px}.navbar-menu[data-v-b7cc1bea]::-webkit-scrollbar{width:4px}.navbar-menu[data-v-b7cc1bea]::-webkit-scrollbar-track{background:hsla(0,0%,100%,.05)}.navbar-menu[data-v-b7cc1bea]::-webkit-scrollbar-thumb{background:hsla(0,0%,100%,.2);border-radius:2px}.navbar-menu[data-v-b7cc1bea]::-webkit-scrollbar-thumb:hover{background:hsla(0,0%,100%,.3)}#app,body,html{margin:0;padding:0;width:100vw;height:100vh;box-sizing:border-box}#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;color:#2c3e50}nav{padding:30px}nav a{font-weight:700;color:#2c3e50}nav a.router-link-exact-active{color:#42b983}