*{box-sizing:border-box;margin:0;padding:0}body{background-color:#fafafa;color:#333;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.6}.app{display:flex;flex-direction:column;min-height:100vh}.header{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 2px 10px #0000001a;color:#fff;overflow:hidden;padding:1rem 0;position:sticky;top:0;z-index:1000}.container{margin:0 auto;max-width:1200px;padding:0 2rem}.header-content{justify-content:space-between}.header-content,.logo{align-items:center;display:flex}.logo{color:#fff;flex-shrink:0;gap:.75rem;max-width:-moz-fit-content;max-width:fit-content;text-decoration:none;transition:opacity .3s ease}.logo:hover{opacity:.8}.logo-icon{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border-radius:.5rem;display:flex;flex-shrink:0;height:2rem;justify-content:center;max-height:2rem;max-width:2rem;min-height:2rem;min-width:2rem;overflow:hidden;width:2rem}.icon{display:block;flex-shrink:0;height:1.25rem;max-height:1.25rem;max-width:1.25rem;width:1.25rem}.logo-text{font-size:1.5rem;font-weight:700}.nav{gap:1rem}.nav,.nav-link{align-items:center;display:flex}.nav-link{border-radius:.5rem;color:#fff;font-size:.9rem;font-weight:500;gap:.5rem;padding:.5rem 1rem;text-decoration:none;transition:background-color .3s ease}.nav-link:hover{background-color:#ffffff1a}.nav-link.router-link-active{background-color:#fff3}.nav-icon{height:1rem;width:1rem}.main-content{flex:1}@media(max-width:768px){.container{padding:0 1rem}.header-content{flex-direction:column;gap:1rem}.logo-text{font-size:1.25rem}.nav{gap:.5rem}.nav-link{font-size:.8rem;padding:.4rem .8rem}}