*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;background-color:#f5f5f5}#app{min-height:100vh}.navbar{background:#fff;box-shadow:0 2px 4px #0000001a;position:sticky;top:0;z-index:100}.nav-container{max-width:1400px;margin:0 auto;padding:0 2rem;display:flex;align-items:center;justify-content:space-between;height:64px}.nav-brand h2{margin:0;font-size:1.5rem;color:#007bff}.nav-links{display:flex;gap:.5rem}.nav-link{padding:.5rem 1rem;text-decoration:none;color:#666;border-radius:4px;transition:all .2s;font-weight:500}.nav-link:hover{background:#f8f9fa;color:#007bff}.nav-link.router-link-active{background:#e3f2fd;color:#007bff}.nav-user{display:flex;align-items:center;gap:1rem}.user-name{color:#666;font-weight:500}.logout-btn{padding:.5rem 1rem;border:1px solid #ddd;border-radius:4px;background:#fff;cursor:pointer;font-size:.9rem;transition:all .2s}.logout-btn:hover{background:#f8f9fa;border-color:#dc3545;color:#dc3545}main{min-height:calc(100vh - 64px)}main.with-nav{background:#f5f5f5}