.app{min-height:100vh;display:flex;flex-direction:column}.navbar{display:flex;align-items:center;padding:1rem 2rem;background:#1e293b;border-bottom:1px solid #334155}.nav-brand{display:flex;align-items:center;gap:.5rem;font-size:1.25rem;font-weight:600;color:#22c55e}.logo{width:24px;height:24px}.nav-links{display:flex;gap:1.5rem;margin-left:3rem}.nav-links a{color:#94a3b8;text-decoration:none;padding:.5rem 1rem;border-radius:6px;transition:all .2s}.nav-links a:hover,.nav-links a.router-link-active{color:#e2e8f0;background:#334155}.btn-logout{margin-left:auto;padding:.5rem 1rem;background:transparent;border:1px solid #475569;color:#94a3b8;border-radius:6px;cursor:pointer;transition:all .2s}.btn-logout:hover{border-color:#ef4444;color:#ef4444}.main-content{flex:1;padding:2rem}