*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#f5f5f7;color:#333;line-height:1.6}#app{min-height:100vh;display:flex;flex-direction:column}.app-header{background:hsla(0,0%,100%,.95);backdrop-filter:blur(10px);border-bottom:1px solid #e0e0e0;position:sticky;top:0;z-index:100}.header-inner{max-width:1200px;margin:0 auto;padding:0 24px;height:56px;display:flex;align-items:center;justify-content:space-between}.logo{font-size:1.3em;font-weight:700;cursor:pointer;color:#333}.nav-links{display:flex;gap:8px;align-items:center}.nav-links a{text-decoration:none;color:#666;font-size:.9em;padding:6px 12px;border-radius:6px;transition:all .2s}.nav-links a:hover{background:#f0f0f0;color:#333}.nav-links a.router-link-active{color:#667eea;font-weight:600}.account-link{margin-left:8px;background:#667eea;color:#fff!important;padding:6px 14px}.admin-link{background:#ff4d4f;color:#fff!important}.app-main{flex:1;max-width:1200px;width:100%;margin:0 auto;padding:32px 24px}.app-footer{background:#fff;border-top:1px solid #e0e0e0;text-align:center;padding:20px;color:#999;font-size:.85em}@media (max-width:768px){.app-header{overflow-x:auto}.app-header::-webkit-scrollbar{display:none}.header-inner{padding:0 16px;min-width:600px}.nav-links a:not(.account-link){white-space:nowrap}.app-main{padding:20px 16px}}