*{margin:0;padding:0;box-sizing:border-box}body{font-family:sans-serif;background:#f5f5f5}.app{display:flex;flex-direction:column;height:100vh;overflow:hidden}.navbar{background:#1a1a2e;color:#fff;padding:0 20px;display:flex;align-items:center;gap:16px;flex-shrink:0;height:60px}.navbar-brand{font-size:20px;font-weight:700;margin-right:auto}.navbar-links{display:flex;gap:6px}.navbar button{background:none;border:none;color:#fff;cursor:pointer;padding:8px 14px;border-radius:8px;font-size:14px;font-weight:600}.navbar button.active{background:#e94560}.navbar-user{display:flex;align-items:center;gap:10px;margin-left:auto}.navbar-user span{color:#fffc;font-size:14px}.logout-btn{background:#555!important;border-radius:8px;padding:8px 14px!important}.main-content{flex:1;overflow:hidden;position:relative;display:flex;flex-direction:column}