.navbar{background:linear-gradient(135deg,#1e3a8a,#3b82f6);padding:1rem 0;box-shadow:0 4px 6px #0000004d;position:sticky;top:0;z-index:100}.container{max-width:1400px;margin:0 auto;padding:0 2rem;display:flex;justify-content:space-between;align-items:center}.logo{font-size:1.5rem;font-weight:700;color:#fff;text-decoration:none}.nav-links{display:flex;gap:2rem;align-items:center}.nav-link{color:#fff;text-decoration:none;font-weight:500;transition:opacity .2s;padding:.5rem 0}.nav-link:hover{opacity:.8}.nav-link.router-link-active{border-bottom:2px solid white}.nav-link.admin{background:#fbbf2433;padding:.5rem 1rem;border-radius:.5rem;border:1px solid rgba(251,191,36,.4)}.btn-logout{padding:.5rem 1rem;background:#ef444433;border:1px solid rgba(239,68,68,.4);color:#ef4444;border-radius:.5rem;cursor:pointer;font-weight:600;transition:all .2s}.btn-logout:hover{background:#ef44444d}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;background-color:#0a0e27;color:#fff}#app{min-height:100vh}