*{box-sizing:border-box}body{margin:0;padding:0;background:#f5f7fa;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}#app{min-height:100vh}.app-header{background:linear-gradient(135deg,#e42584,#c41e6a);box-shadow:0 2px 10px rgba(228,37,132,.3);position:sticky;top:0;z-index:1000}.header-container{max-width:1400px;margin:0 auto;padding:0 20px;justify-content:space-between;height:70px}.header-container,.logo-link{display:flex;align-items:center}.logo-link{text-decoration:none}.logo{height:45px;width:auto;filter:brightness(0) invert(1);transition:transform .2s ease}.logo:hover{transform:scale(1.05)}.main-nav{display:flex;gap:10px}.nav-link{color:#fff;text-decoration:none;padding:10px 20px;border-radius:8px;font-weight:500;transition:all .2s ease;display:flex;align-items:center;gap:8px}.nav-link:hover{background:hsla(0,0%,100%,.2);transform:translateY(-2px)}.nav-link i{font-size:14px}.app-content{padding-top:20px}