.navbar{display:flex;justify-content:space-between;align-items:center;height:80px;padding:0 2rem;background-color:#000;border-bottom:1px solid #333;position:fixed;top:0;left:0;width:100%;z-index:100}.navbar-brand{font-size:1.5rem;font-weight:700;color:#fff}.navbar-brand-link{text-decoration:none}.navbar-left{display:flex;align-items:center;gap:1.5rem}.profile-link{text-decoration:none;color:#ccc;font-size:1.1rem;font-weight:500;transition:color .2s}.profile-link:hover{color:#fff}.navbar-links{list-style:none;display:flex;gap:1.5rem}.navbar-links li a{text-decoration:none;color:#666;font-size:1rem;transition:color .2s}.navbar-links li a:hover{color:#333}.navbar-right{display:flex;align-items:center}.navbar-user{display:flex;align-items:center;gap:.8rem;padding:.5rem 1rem;border-radius:50px;background-color:#111;border:1px solid #222;transition:all .2s;cursor:pointer}.navbar-user:hover{background-color:#222;border-color:#444}.navbar-username{color:#fff;font-weight:600;font-size:.95rem}.navbar-avatar{width:32px;height:32px;border-radius:50%;background-color:#333;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:.9rem;border:1px solid #444}.logout-btn{margin-left:1.5rem;padding:.5rem 1.2rem;background-color:transparent;border:1px solid #ff444466;color:#f44;border-radius:4px;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s}.logout-btn:hover{background-color:#f441;border-color:#f44}@media screen and (max-width: 768px){.navbar{padding:0 1rem}.navbar-left{overflow-x:auto;white-space:nowrap;padding-bottom:5px;-ms-overflow-style:none;scrollbar-width:none}.navbar-left::-webkit-scrollbar{display:none}.navbar-username{display:block;font-size:.85rem}.navbar-user{gap:.5rem;padding:.3rem .8rem}}*{margin:0;padding:0;box-sizing:border-box}body{background-color:#000;color:#fff;min-height:100vh;margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}#root{width:100%}