.navbar[data-v-c767e599]{background:linear-gradient(135deg,#2c3e50,#34495e);color:#fff;padding:.75rem 2rem;box-shadow:0 2px 10px #00000026;position:sticky;top:0;z-index:1000}.navbar-content[data-v-c767e599]{max-width:1400px;margin:0 auto;display:flex;align-items:center;gap:2rem}.navbar-brand[data-v-c767e599]{flex-shrink:0}.brand-link[data-v-c767e599]{text-decoration:none;color:#fff}.navbar-brand h1[data-v-c767e599]{font-size:1.4rem;font-weight:700;margin:0;letter-spacing:-.5px}.navbar-links[data-v-c767e599]{flex:1;display:flex;align-items:center;gap:.5rem}.nav-link[data-v-c767e599]{color:#ffffffd9;text-decoration:none;padding:.6rem 1rem;border-radius:6px;transition:all .2s ease;display:flex;align-items:center;gap:.5rem;font-size:.9rem;font-weight:500}.nav-icon[data-v-c767e599]{font-size:1rem}.nav-link[data-v-c767e599]:hover{background:#ffffff1a;color:#fff}.nav-link.active[data-v-c767e599]{background:#ffffff26;color:#fff}.nav-link-primary[data-v-c767e599]{background:#3498db;color:#fff!important}.nav-link-primary[data-v-c767e599]:hover{background:#2980b9}.navbar-right[data-v-c767e599]{display:flex;align-items:center;gap:1rem}.nav-icon-btn[data-v-c767e599]{position:relative;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#ffffff1a;cursor:pointer;transition:background .2s;text-decoration:none}.nav-icon-btn[data-v-c767e599]:hover{background:#fff3}.nav-icon-btn .icon[data-v-c767e599]{font-size:1.2rem}.nav-icon-btn .badge[data-v-c767e599]{position:absolute;top:-2px;right:-2px;background:#e74c3c;color:#fff;font-size:.65rem;font-weight:700;min-width:18px;height:18px;border-radius:9px;display:flex;align-items:center;justify-content:center}.user-menu[data-v-c767e599]{display:flex;align-items:center;gap:.75rem;padding:.5rem .75rem;border-radius:8px;cursor:pointer;transition:background .2s;position:relative}.user-menu[data-v-c767e599]:hover{background:#ffffff1a}.user-avatar[data-v-c767e599]{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.85rem}.user-info[data-v-c767e599]{display:flex;flex-direction:column}.user-name[data-v-c767e599]{font-size:.9rem;font-weight:500}.user-role[data-v-c767e599]{font-size:.7rem;color:#e74c3c;font-weight:600;text-transform:uppercase}.dropdown-arrow[data-v-c767e599]{font-size:.6rem;opacity:.7}.dropdown-menu[data-v-c767e599]{position:absolute;top:100%;right:0;margin-top:.5rem;background:#fff;border-radius:8px;box-shadow:0 4px 20px #00000026;min-width:200px;overflow:hidden;z-index:1001}.menu-item[data-v-c767e599]{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;color:#2c3e50;text-decoration:none;transition:background .2s;font-size:.9rem;width:100%;border:none;background:none;cursor:pointer;text-align:left}.menu-item[data-v-c767e599]:hover{background:#f8f9fa}.menu-item.logout[data-v-c767e599]{color:#e74c3c}.menu-item.logout[data-v-c767e599]:hover{background:#fef2f2}.menu-divider[data-v-c767e599]{height:1px;background:#eee;margin:.5rem 0}.menu-header[data-v-c767e599]{padding:.5rem 1rem;font-size:.75rem;font-weight:600;color:#7f8c8d;text-transform:uppercase}@media (max-width: 1024px){.navbar[data-v-c767e599]{padding:.75rem 1rem}.navbar-content[data-v-c767e599]{gap:1rem}.nav-link span.nav-icon[data-v-c767e599],.user-info[data-v-c767e599]{display:none}}@media (max-width: 768px){.navbar-content[data-v-c767e599]{flex-wrap:wrap}.navbar-links[data-v-c767e599]{order:3;width:100%;justify-content:center;padding-top:.5rem;border-top:1px solid rgba(255,255,255,.1);margin-top:.5rem}}#app{min-height:100vh;display:flex;flex-direction:column}.main-content{flex:1;padding:2rem;max-width:1400px;margin:0 auto;width:100%}@media (max-width: 768px){.main-content{padding:1rem}}