*{box-sizing:border-box;margin:0;padding:0}body{color:#333;background:#f5f5f5;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.navbar{color:#fff;background:#1a1a2e;justify-content:space-between;align-items:center;height:50px;padding:0 1.5rem;display:flex}.navbar a{color:#ccc;padding:0 .75rem;font-size:.9rem;text-decoration:none}.navbar a:hover,.navbar a.router-link-active{color:#fff}.navbar .logo{color:#fff;align-items:center;gap:.4rem;font-size:1.1rem;font-weight:700;display:flex}.nav-left,.nav-right{align-items:center;gap:.25rem;display:flex}.username{color:#aaa;margin-right:.5rem;font-size:.85rem}.btn-logout{color:#fff;cursor:pointer;background:#e74c3c;border:none;border-radius:4px;padding:.3rem .75rem;font-size:.8rem}.btn-logout:hover{background:#c0392b}main{max-width:1400px;margin:0 auto;padding:1.5rem}