*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);min-height:100vh;line-height:1.6;color:#333}#app{min-height:100vh;display:flex;flex-direction:column}.app-header{background:#fff;box-shadow:0 2px 12px #00000014;position:sticky;top:0;z-index:1000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2}.header-container{max-width:1200px;margin:0 auto;padding:1rem 1.5rem;display:flex;justify-content:space-between;align-items:center}.logo{text-decoration:none;transition:transform .2s}.logo:hover{transform:scale(1.02)}.logo h1{color:#1976d2;font-size:1.75rem;font-weight:700;margin:0;background:linear-gradient(135deg,#1976d2,#42a5f5);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.mobile-menu-btn{display:none;background:none;border:none;cursor:pointer;padding:.5rem;z-index:1001}.hamburger{display:flex;flex-direction:column;gap:5px;width:24px}.hamburger span{display:block;height:3px;width:100%;background:#1976d2;border-radius:3px;transition:all .3s ease}.hamburger.active span:nth-child(1){transform:rotate(45deg) translate(8px,8px)}.hamburger.active span:nth-child(2){opacity:0}.hamburger.active span:nth-child(3){transform:rotate(-45deg) translate(7px,-7px)}.main-nav{max-width:1200px;margin:0 auto;padding:0 1.5rem 1rem;display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;transition:max-height .3s ease}.nav-link{display:flex;align-items:center;gap:.5rem;padding:.625rem 1rem;text-decoration:none;color:#555;font-size:.9375rem;font-weight:500;border-radius:8px;transition:all .2s ease;white-space:nowrap}.nav-link:hover{background:#f0f7ff;color:#1976d2;transform:translateY(-1px)}.nav-link.router-link-active{background:#e3f2fd;color:#1976d2;font-weight:600}.nav-link-primary{background:#1976d2;color:#fff!important}.nav-link-primary:hover{background:#1565c0;color:#fff!important}.nav-link-danger{color:#dc3545!important}.nav-link-danger:hover{background:#fee;color:#c82333!important}.nav-icon{font-size:1.1rem}.user-link{color:#1976d2!important;font-weight:600}.user-name{color:#666;font-weight:600;padding:.625rem 1rem;display:flex;align-items:center;gap:.5rem}.main-content{flex:1;max-width:1200px;width:100%;margin:0 auto;padding:1.5rem 1rem}.fade-enter-active,.fade-leave-active{transition:opacity .3s ease}.fade-enter-from,.fade-leave-to{opacity:0}@media (max-width: 768px){.mobile-menu-btn{display:block}.main-nav{flex-direction:column;align-items:stretch;max-height:0;overflow:hidden;padding:0 1.5rem}.main-nav.mobile-open{max-height:500px;padding-bottom:1rem}.nav-link{width:100%;justify-content:flex-start;padding:.875rem 1rem;border-radius:10px}.logo h1{font-size:1.5rem}.main-content{padding:1rem .75rem}}@media (max-width: 480px){.header-container{padding:.875rem 1rem}.logo h1{font-size:1.375rem}.main-content{padding:.75rem .5rem}}