#app{min-height:100vh;display:flex;flex-direction:column}.navbar{background:#2c3e50;color:#fff;padding:1rem 0;box-shadow:0 2px 4px #0000001a}.nav-container{max-width:1400px;margin:0 auto;padding:0 2rem;display:flex;justify-content:space-between;align-items:center}.nav-brand h1{font-size:1.5rem;font-weight:600}.nav-links{display:flex;gap:1rem;align-items:center}.nav-link{color:#fff;text-decoration:none;padding:.5rem 1rem;border-radius:4px;transition:background .2s;background:none;border:none;cursor:pointer;font-size:1rem}.nav-link:hover{background:#ffffff1a}.nav-link.router-link-active{background:#fff3}.nav-dropdown{position:relative}.dropdown-content{display:none;position:absolute;top:100%;left:0;background:#34495e;min-width:160px;box-shadow:0 4px 8px #0003;border-radius:4px;margin-top:0;padding-top:.5rem;z-index:1000}.nav-dropdown:hover .dropdown-content{display:block}.dropdown-content a{color:#fff;padding:.75rem 1rem;text-decoration:none;display:block;transition:background .2s}.dropdown-content a:hover{background:#ffffff1a}.logout-btn{background:#e74c3c33}.logout-btn:hover{background:#e74c3c66}.main-content{flex:1;background:#f5f5f5}