.header{position:fixed;top:0;left:0;background-color:#000;z-index:1000;justify-content:center;padding:.75rem 1.5rem}.header,.header-container{width:100%;display:flex;align-items:center}.header-container{max-width:1200px;justify-content:space-between;gap:16px}.header-left-group{display:flex;align-items:center;gap:20px}.logo-link{display:inline-flex;align-items:center;line-height:0}.logo{height:auto;width:auto;cursor:pointer}.header-nav{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.nav-link{color:#e2e8f0;text-decoration:none;font-size:14px;font-weight:500;padding:6px 10px;border-radius:6px;transition:background .2s ease,color .2s ease}.nav-link:hover{color:#ffffff;background:rgba(255,255,255,.12)}.nav-link.active{color:#ffffff;background:rgba(255,255,255,.2)}.logout-btn{background-color:#ff3b30;color:white;border:none;border-radius:6px;padding:8px 16px;cursor:pointer;font-weight:500;transition:background .3s}.logout-btn:hover{background-color:#e02e24}@media (max-width:600px){.header{padding:.5rem 1rem}.header-left-group{gap:12px}.logo{width:130px}.nav-link{padding:6px 8px}}.footer{background-color:#111;color:#bbb;text-align:center;padding:1rem 0;font-size:.9rem;margin-top:1px;border-top:1px solid #222}.footer p{margin:0}.footer:hover{color:#fff;transition:color .3s ease}